Changing the sidebox headings

Hi everyone .. trying to change the sidebox headings .. with a custom image. I have made some progress in that I can see them but they are not replacing existing headings but rather sitting underneath. I edited my CSS .. this info I got from https://www.zen-cart.com/tutorials/index.php?article=257.

.sideBoxContent {
background-color: #ffffff;
padding: 0.4em;
/* create free space at the bottom of the box in which to display the image /
/padding-bottom: 20px;/
/ add the image to the boxes background /
background-image:url(../../../../images/headers/SideboxHeadings.jpg);
/ position the image at the bottom and center of the box /
background-position: top left;
/ EITHER set the image to not repeat /
background-repeat: no-repeat;
/ OR set it to repeat horizonatally /
/ background-repeat: repeat-x;*/}

The link to my site is http://www.rosedakinjewellery.com.au/index.php

Thankyou for any help.:smile:

this is only altering the content of the sideboxes, if you want to alter where it mentions the header text then your need to edit the heading css

scroll down in your css to /sideboxes/

ie .leftBoxHeading would change the style of the headers, the line in the css defines left, centre and right, you will need to split the code if you only want the headers with graphics for the left and right columns only

Rob

To replace sidebox headers with images, try Image Titles in Free Addons instead of hacking every single sidebox file as the tutorial describes.

Thanks guys .. ur awesome. Cant wait till I have all the pieces.