Public Forums 71,145 posts

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#892719

Within the "Home" Menu I am using "home" as a "page class" and within another menu I am using "forum" as a page class.

When using the following in custom.css. It displays properly on the Home Page.
.home body { background-image: url("/images/body_bg.jpg") !important; background-repeat:repeat; }

Although, when using the following it does not display upon either page:

.home .logo body { background-image: url("/images/body_bg.jpg") !important; background-repeat:repeat; }

Any suggestions how I can have the background appear on both pages?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#892728

Although, when using the following it does not display upon either page:

.home .logo body { background-image: url("/images/body_bg.jpg") !important; background-repeat:repeat; }

As there is no class in .logo home it does not work . You should apply nly
body { background-image: url("/images/body_bg.jpg") !important; background-repeat:repeat; }
to apply bg image on all other pages . Home class is only for the homepage .

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#892744

My apologies, I should have typed: .home .forum body {….}

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#892755

Do u still need help in this case ?

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#892759

Yes, please. I wish to confine the background to only two (2) pages.

Thank you,

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#892764

Hi
Use this code in custom.css file

.itemid-1200 body { background-image: url("/images/body_bg.jpg") !important; background-repeat:repeat; }

change the id 1200 with the menu item id where u want to apply the bg image .

1 user says Thank You to Pankaj Sharma for this useful post

1. arthurjohnston

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#893255

Thank you! Solved the issue.

[Author]

Posts