Joomla Templates Club 406,261 posts

[imported_marlayn Friend imported_marlaynJoin date: July 2009Posts: 9Downloads:0Uploads:2]

#169056

I have 2 questions:

1. Can someone tell me why the background color will not change on the home page? I have specified the module parameters to “_onepage_dark”. I would like the home page to have a dark background.

2. My other question is why page 2 has a dark background when I have the module parameters set to “_onepage_light”

Thanks for the help.

---

Attachments:

1. 
2. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#416686

Hi,

Even though the module class name suggests that the module should have some dark / light elements, the styling applied depends on what is defined for that class in your css file. In the current case where you have applied _onepage_dark may not have any styling defined in css, so nothing is changing. In case of _onepage_light may be set to have a dark background color, so you can see dark background instead of light..

I would suggest you to check template.css file in your template and change styling applied to the module classes you are using.

I hope i have explained it clear enough and it will help you solve your issue.

1 user says Thank You to himangi for this useful post

1. matthew68s

[matthew68s Friend matthew68sJoin date: January 2011Posts: 1Downloads:0Uploads:0 Thanks: 5]

#419649

Hi,
Just to compliment above information by himangi.

Instead of changing the module parameters by choosing from top menu:
Extensions -> Module Manager

chose:
Extensions -> Template Manager -> (choose) Ja_Cloris -> Layouts -> (edit layout name) “Default”
And change for example the default layout code like below (changes are marked with red color, “light” was replaced there with “dark”):

<blockquote><page name=”about-us” type=”modules” title=”About us” class=”light first-item”>page1</page>
<page name=”features” type=”modules” title=”Features” class=”dark”>page2</page>
<page name=”services” type=”modules” title=”Services” class=”light”>page3</page>
<page name=”video” type=”modules” title=”Video” class=”dark”>page4</page>
<page name=”gallery” type=”modules” title=”Gallery” class=”dark“>page5</page>
<page name=”blog” type=”modules” title=”Blog” class=”light”>page6</page>
<page name=”faq” type=”modules” title=”Faq” class=”light”>page7</page>
<page name=”contact-us” type=”modules” title=”Contact us” class=”dark last-item”>page8</page></blockquote>

[Roberto Spellucci Friend Roberto SpellucciJoin date: September 2014Posts: 31Downloads:9Uploads:0 Thanks: 5]

#450546

Hello,

but where should I change if I want to customize “light” and “dark” classes?
I’ve looked in th css files of the template but did not understand where.

Thank you!

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#450727

Hi tachis,

If you open the file of templates/ja_cloris/css/template.css, you would see a defined css for the dark class like this
div.dark {
background: url(“../images/noise-d.gif”) repeat scroll 0 0 transparent;
}

with a similar css code like that can apply styles for any class that has been defined, hope you got it.

[Author]

Posts