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 — Repeating images vertically

To repeat an image vertically, you can put the value repeat-y after the background-repeat property and separate the two properties with a semi-colon.

body {
background-color: white;
background-image: url('../img/myimage.jpg) ;
background-repeat: repeat-y;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align:center
}

The patterns are now on the vertical left of the screen, as shown in the following screenshot:

Time for action — Repeating images vertically

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