Change side module header color

Post Reply

3 posts Page 1 of 1

jwreid

Active Member

Posts

183

Joined

Sun Oct 27, 2013 6:27 pm

Location

Canada

Post by jwreid » Tue Apr 12, 2016 9:53 am

I am having a hard time finding where in the css file (if thats where it is) the code for changing the color of the side module header color. Thank You

header-color.png (41.63 KiB) Viewed 833 times

jwreid

Active Member

Posts

183

Joined

Sun Oct 27, 2013 6:27 pm

Location - Canada

Re: Change side module header color

IP_CAM

Legendary Member

Posts

13012

Joined

Tue Mar 04, 2014 1:37 am

Location

Switzerland

Post by IP_CAM » Tue Apr 12, 2016 10:01 am

that's the code, as shown here from/in the ../default/template/product/category.tpl file, but
those boxes are all the same, defined equal:

Code: Select all

<div class="box">
  <div class="box-heading">Categories</div>
  <div class="box-content">

and that's the OC v.1.5.6.x default stylesheet.css Section, involved:

Code: Select all

/* box */
.box {
	margin-bottom: 20px;
}
.box .box-heading {
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
	border: 1px solid #DBDEE1;
	background: url('../image/background.png') repeat-x;
	padding: 8px 10px 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #333;
}
.box .box-content {
	background: #FFFFFF;
	-webkit-border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-khtml-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	border-left: 1px solid #DBDEE1;
	border-right: 1px solid #DBDEE1;
	border-bottom: 1px solid #DBDEE1;
	padding: 10px;
}

But it's a background Image, not just a Color, by default