Joomla Templates Club 406,261 posts

[wogand Friend wogandJoin date: May 2008Posts: 112Downloads:0Uploads:1 Thanks: 21 Thanked: 3 times in 1 posts]

#133652

I was wondering if its possible to create a different background color for eacht content.
I have 4 menu items with 1 article (content) per menu item. Can I create a different color for each content? Now all is white. I would like blue, green, yellow and white(standard).

Im looking for the exact code to add in the css. Some guidance would be great.

cheers

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

#272385

hi
Go to admin, go to each menu, you will see a paramater is Page class suffix, you add class suffix for that page, example:_blue, _green, _yellow,_white, then you add CSS for that page

1 user says Thank You to Sherlock for this useful post

1. wogand

[wogand Friend wogandJoin date: May 2008Posts: 112Downloads:0Uploads:1 Thanks: 21 Thanked: 3 times in 1 posts]

#272467

I will give it a try, tho I wonder where I must add the css for the pages. In the template.css?

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

#272596

yes, you add into template.css

[wogand Friend wogandJoin date: May 2008Posts: 112Downloads:0Uploads:1 Thanks: 21 Thanked: 3 times in 1 posts]

#272927

Ok I have tried and tried but it is not working.

I have a menu item named : example
In the admin, i enter in the page suffix of menu item example : -yellow

The content color is made of the 3 images in /image/black container-top, container-bot, container-center.gif. I have made the white in these images yellow. And uploaded them and named them container-bot2.gif, container-top2.gif, container-center2.gif.

I added in template.css :
#ja-container-top-yellow {
background: url(../images/black/container-top2.gif) no-repeat top center;
padding-top: 20px;

I even tried adding the same in black.css since I am using black color of template.

Why isn’t it using the other images when I assign -yellow in the page suffix??????

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

#272999

Can you give us your live URL, any screenshot or more details of the problem will be helpful

[wogand Friend wogandJoin date: May 2008Posts: 112Downloads:0Uploads:1 Thanks: 21 Thanked: 3 times in 1 posts]

#273039

please see PM

[wogand Friend wogandJoin date: May 2008Posts: 112Downloads:0Uploads:1 Thanks: 21 Thanked: 3 times in 1 posts]

#273482

the page suffix is not working in this template.
the content color is made by 3 images: container-bot.gif, container-center.gif and container-top.gif.
I have changed the colors of these files and renamed them. The new names I added in a new css file named yellow.css and placed that file in the folder /ja_corona/css/colors/
How can I let a menu item link to that specific css (yellow.css) ?

[wogand Friend wogandJoin date: May 2008Posts: 112Downloads:0Uploads:1 Thanks: 21 Thanked: 3 times in 1 posts]

#273486

well I found a cool extension which fixed my problem.

module name is : Menu Dependent Items
its free

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

#273496

ok
Can I mark this topic is solved now ?

[wogand Friend wogandJoin date: May 2008Posts: 112Downloads:0Uploads:1 Thanks: 21 Thanked: 3 times in 1 posts]

#273527

well I guess so

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#273528

Marked as solved for you

[joekauer Friend joekauerJoin date: May 2008Posts: 1Downloads:0Uploads:0]

#273764

Do you have a link to the module that solved your issue?

Thnks in advance…

[Author]

Posts