Joomla Templates Club 406,261 posts

[zomidaily Friend zomidailyJoin date: March 2013Posts: 132Downloads:0Uploads:4 Thanks: 7 Thanked: 9 times in 1 posts]

#185917

Hi…

How can I change the background color that I highlighted in the attached screenshot:

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#486793

Hi

In order to change backgound link your snapshot, you need to change several block’s background in
<blockquote>templatesja_mitiuslessstyle.less</blockquote>

– Top header


.ja-topheader .container{
background: @Black; // Your background here
border-bottom: solid 1px @grayDarker;
overflow: visible;
position: relative;
z-index: 100;
}

– Header


.ja-header .container {
background: url(../images/header-bg.gif) repeat left top; // You background here
padding-top: @BaseLineHeight;
padding-bottom: 5px;
overflow: visible;
}


– Topr bar


.ja-topbar .container {
background: @T3FooterMenuBackground; // Change here
border-bottom: solid 1px @grayDarker;
}


– Slideshow


.ja-slideshow .container {
background: @Black; // Change here
padding-top: 30px;
padding-bottom: 30px;
}


– Sl1 block


.ja-sl-1 .container {
background: @T3FooterMenuBackground; // Change here.
border-top: solid 1px @grayDarker;
padding-top: 30px;
padding-bottom: 30px;
}


Then Compile LESS to CSS at Template Manager, Save.

Regards,
—
Leo

1 user says Thank You to phong nam for this useful post

1. petrahk

[Author]

Posts