O'Reilly logo

PrestaShop 1.3 ThemingBeginner’s Guide by Hayati Hashim

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action — Changing the color of the border in the footer

To change the color of the border on the footer, look at the footer section. We will replace the border-left values to red.

#footer .block_various_links li {
display: inline;
border-left: 1px solid red;
padding: 0px 2px 0px 4px;
Time for action — Changing the color of the border in the footer

You can also modify the color of the top borders by modifying the following lines:

#footer {
border-top: 1px solid red;
padding: 0.5em 0;
clear: both
}

You will get the following screenshot as a result:

Time for action — Changing the color of the border in the footer

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required