Joomla Templates Club 406,261 posts

[phoenix28 Friend phoenix28Join date: March 2012Posts: 190Downloads:331Uploads:16 Thanks: 29 Thanked: 1 times in 1 posts]

#207436

hi! i want to change my page masthead background color for every menu item. how do i do this? because if i use theme, it’s going to change the entire page’s color. i only want the masthead’s color to be changed.

please guide 🙂 thanks!

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#574160

Hi there
you can apply custom css for each elements you want to change.
please provide your site and and screenshot for detail.
Thank you,
Viet Vu

[phoenix28 Friend phoenix28Join date: March 2012Posts: 190Downloads:331Uploads:16 Thanks: 29 Thanked: 1 times in 1 posts]

#574166

hi jooservices! it’s currently still offline. i can provide you access. i’ll send you by PM.

this red background which is my main color is what i want changing depending on which menu i’m in.

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#574168

Hi there
You ‘ll need modify that element to insert itemid of menu item and use that for css selector.

Thank you,
Viet Vu

[phoenix28 Friend phoenix28Join date: March 2012Posts: 190Downloads:331Uploads:16 Thanks: 29 Thanked: 1 times in 1 posts]

#574169

can show me how? thanks

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#574181

Hi there
# You need to know and locate which layout file for this element
# You can use JInput to get current itemid or use

$app = JFactory::getApplication();
$menu = $app->getMenu()->getActive();

Thank you,
Viet Vu

[phoenix28 Friend phoenix28Join date: March 2012Posts: 190Downloads:331Uploads:16 Thanks: 29 Thanked: 1 times in 1 posts]

#574190

hmm.. i’m lost with what to do with those codes :((

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#574220

Hi there
Please provide your site CPanel & backend access. I’ll help you work on it.

Thank you,
Viet Vu

[phoenix28 Friend phoenix28Join date: March 2012Posts: 190Downloads:331Uploads:16 Thanks: 29 Thanked: 1 times in 1 posts]

#574252

PMed you the access. thanks jooservices 🙂

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#574521

Hi there
I have updated layout file to insert itemid.
Now you can use this for custom css.
For sample

.t3-masthead.itemid-689 {
}

https://www.dropbox.com/s/d6blkqmra7myvrv/2015-06-18_10-26-16.png?dl=0
Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. phoenix28

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#640866

Hi there
I have updated layout file to insert itemid.
Now you can use this for custom css.
For sample

.t3-masthead.itemid-689 {
}

https://www.dropbox.com/s/d6blkqmra7myvrv/2015-06-18_10-26-16.png?dl=0
Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. phoenix28

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#739530

Hi there
I have updated layout file to insert itemid.
Now you can use this for custom css.
For sample

.t3-masthead.itemid-689 {
}

https://www.dropbox.com/s/d6blkqmra7myvrv/2015-06-18_10-26-16.png?dl=0
Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. phoenix28

[phoenix28 Friend phoenix28Join date: March 2012Posts: 190Downloads:331Uploads:16 Thanks: 29 Thanked: 1 times in 1 posts]

#574537

<em>@jooservices 478762 wrote:</em><blockquote>Hi there
I have updated layout file to insert itemid.
Now you can use this for custom css.
For sample

.t3-masthead.itemid-689 {
}

https://www.dropbox.com/s/d6blkqmra7myvrv/2015-06-18_10-26-16.png?dl=0
Thank you,
Viet Vu</blockquote>

wow! perfect! thank you so much Viet Vu! 🙂

[phoenix28 Friend phoenix28Join date: March 2012Posts: 190Downloads:331Uploads:16 Thanks: 29 Thanked: 1 times in 1 posts]

#640882

<em>@jooservices 478762 wrote:</em><blockquote>Hi there
I have updated layout file to insert itemid.
Now you can use this for custom css.
For sample

.t3-masthead.itemid-689 {
}

https://www.dropbox.com/s/d6blkqmra7myvrv/2015-06-18_10-26-16.png?dl=0
Thank you,
Viet Vu</blockquote>

wow! perfect! thank you so much Viet Vu! 🙂

[phoenix28 Friend phoenix28Join date: March 2012Posts: 190Downloads:331Uploads:16 Thanks: 29 Thanked: 1 times in 1 posts]

#739546

<em>@jooservices 478762 wrote:</em><blockquote>Hi there
I have updated layout file to insert itemid.
Now you can use this for custom css.
For sample

.t3-masthead.itemid-689 {
}

https://www.dropbox.com/s/d6blkqmra7myvrv/2015-06-18_10-26-16.png?dl=0
Thank you,
Viet Vu</blockquote>

wow! perfect! thank you so much Viet Vu! 🙂

[Author]

Posts