How do I change the colour of the Box?

Hiya People.

I am wanting to change the colour of all the boxes on the main page, so that they are in red... Similar to the website https://www.realraptors.com

As you can see from that site, their titles for the boxes on left and right hand side are in red....

Is there anyway that I can do this, as i'm new to using Zencart and .css editing

Hope someone can help,

kindest Regards

A Ferriby

In your stylesheet.css file, find this:

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}

remove the backfround-image part and change the background-color to whatever you want.

Those are all images. You should be able to change that in this section of your stylesheet (content may vary depending on your template).

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	}

If you have the Firefox browser, you can check this sort of information using the web developer add-on. Both Firefox and the add-on are free to download and are a great help in situations like this.