Zen Cart How to Replace the Sidebox Heading Images

Customizing your zen cart template is important for establishing your brand. Changes will include matching zen cart template colors to your logo colors, and other cosmetic changes. One of these changes might be to use an image for the sidebox heading instead of just text. This Easy Help Zen Cart Tutorial will show you how to use an image for a sidebox heading.

The first thing you need to do is create your images using your favorite image editing program. Name them using appropriate conventions, and then upload them to the
/includes/templates/CUSTOM/images/ of your zen cart.

Next, open your stylesheet.css file, and change the names of the images accordingly. You can skip this step by giving your new images the same names as the old ones, and overwriting the old ones when you upload them to your zen cart.


.leftBoxHeading { 
  margin: 0em; 
  background: url(../images/your_background_image.jpg) no-repeat left top #ff6699; 
  padding: 0.5em 0.2em; 
}
.rightBoxHeading { 
  margin: 0em; 
  background: url(../images/your_background_image.jpg) no-repeat left top #ff6699; 
  padding: 0.2em 0em; 
} 

If you need help with your zen cart web site please contact us for a quote.

Picaflor Azul specializes in responsive zen cart design. Contact us to convert your current zen cart to a responsive design today, or to have a fantastic new custom design made just for your business.

zen cart plus picaflor azul equals success