Public Forums 71,145 posts

[wcenter Friend wcenterJoin date: September 2016Posts: 8Downloads:6Uploads:0 Thanks: 2]

#977624

Hello everyone, another nooby question here:

I was wondering, where/how can or rather should I change the colors of the P3 megamenu?

With the ThemeMagic, I can easily change the basic color, but what about the dropdown color (which is dark grey)?

Do I have to do this manually within the custom.css, or is there a better solution?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#977761

Do I have to do this manually within the custom.css, or is there a better solution?

Hi

You can use the custom.css file or also the less files

Example dropdown color ( @grey-dark ) can be found in this file/templates/purity_iii/less/variables.less

around line 208 you can find

@dropdown-bg:                    @gray-dark;

color for @gray-dark is defined in the same file around line 26

@gray-dark:              #444; 

change them as you wish and then compile less to css.

Regards

[wcenter Friend wcenterJoin date: September 2016Posts: 8Downloads:6Uploads:0 Thanks: 2]

#978037

Okay, but aren’t those rewritten whenever someone uses the ThemeMagic tool to change anything?

Is there really no other way as to replace all occurances by writing it into the custom.css?

I took a look at "Simpli", there you can actually select the colors you wish for almost anything (including the menu).

No such thing for "P3"?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#978062

wcenter wrote:

Is there really no other way as to replace all occurances by writing it into the custom.css?

You can use the inspector tool find the code and use the custom.css to apply your customizations
Take also a look at the custom.css documentation HERE

[wcenter Friend wcenterJoin date: September 2016Posts: 8Downloads:6Uploads:0 Thanks: 2]

#978063

I know that!

My question is, if there is no other way than that?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#978064

wcenter wrote:

if there is no other way than that?

No other ways

[wcenter Friend wcenterJoin date: September 2016Posts: 8Downloads:6Uploads:0 Thanks: 2]

#978065

Great. -_-

[ej_drama Friend ej_dramaJoin date: June 2016Posts: 4Downloads:4Uploads:0]

#979371

A follow up question please

with Purity 3 i have made 3 layouts so by adding a custom.css how to make the megamenu appear with different colors depending on the layout/theme i want to use/appear?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#979697

Hi

Simply assign the template style ( where you have assigned as theme your specific theme ) to the menu item

Regards

[Author]

Posts