Joomla Templates Club 406,261 posts

[arckoo Friend arckooJoin date: May 2011Posts: 112Downloads:0Uploads:8 Thanks: 50 Thanked: 4 times in 1 posts]

#185678

Hello,

The template of Ja OnePage is divided in first the header and then – when scrolling down the page – the background colors change (from white to black to white to grey), depending on which menu item you click. Where do you change these background colors?

The reason I ask is that I use a custom form (instead of the original one) and I want to change the background from white to black. I can change the background of the custom form, but then it still leaves a lot of the background of the template the wrong color.

Thank you.
Arckoo.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#486029

All parameters are defined in JA Onepage Template you can see it on this file

<blockquote>templates/ja_onepage/less/variables.less</blockquote>


//Unit2 variable
//---------------
@ section2BackgroundColor: @white;
@ section2SectionTitleColor: @Black;
@ section2SubDescriptionColor: @grayLight;
@ section2TextColor: @textColor;
@ section2LinkColor: @linkColor;
@ section2LinkColorHover: @linkColorHover;


+ Change background color each block(or section)

Open templates/ja_onepage/less/style.less file

find section 1 to section 6 and change background

After change you need to click Compile LESS to CSS file.

Remember to backup old file before doing.

[shankha Friend shankhaJoin date: June 2010Posts: 7Downloads:0Uploads:0]

#487271

When I try to compile the less to css – I get an error (unexpected error occured)
I also tried using theme magic — nothing — the updates are not translating to the site.

http://www.bayfashionmag.com/clhs2013

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#487426

Please follow with my suggestion below

Open templates/ja_onepage/css/custom.css file

Add new script


.section2 {
background: #000;
}

.section4 {
background: #000;
}

.section5 {
background: #000 !important;
}


[Author]

Posts