Changing CSS of pages in Mega Menu Propulsion « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Abundance

closed

resolved

Changing CSS of pages in Mega Menu Propulsion

11 posts from 3 voices

Started 8 months ago by BenWorx
Latest reply from BenWorx
This topic is closed
This topic is resolved

Tags:

No tags yet.

BenWorx
Member

Dear reader,

In Propulsion i make use of the Mega Menu, i have created "columns", "pages" and "subpages".
The CSS of th collumns i've been able to change rather easy.

The CSS of the "pages" and the "subpages" (subpages have the little arrow) seem to be connected.

I would like to change the CSS of the "pages" because for readability i would like to increase the size and font weight.

Please help me out here...

Ben

Posted 8 months ago #
Devin
Moderator

Hi Ben,

Do you have a link to the site with the menu so we can take a look at it? If you can say which specific menu items you want to change, we can see if some css can be provided for you.

Regards,

Devin

Posted 8 months ago #
BenWorx
Member

OOPS: IT"S THE ABUNDANCE THEME....

Hi Devin,

Sure thing: http://www.schoonheidssalon-allure.nl/wp1979/

The CSS iin the MEGA menu I would like to change is under:

"behandelingen"

And in particular:

"rejuvi"

"intraceuticals"

Etc. Etc.

Thank you very much!

Posted 8 months ago #
BenWorx
Member

Hi there,

Can anyone please respomd to the question above?

Thank you..

Posted 8 months ago #
Dude
Dude
Hi!

I think following css code will style the pages only:
```
#top .main_menu .avia_mega div ul > ul li a{
font-size: 15px;
font-weight: bold;
}
```
Regards,
Peter
Posted 8 months ago #
BenWorx
Member

Hi Dude,

Sorry, ain't working...

I would like to only increase the following: "Skeyndor" & "Image Skincare and the other main pages.

Skeyndor
Mesoscience/ Mesofiller
Meso lift
Image Skincare
Acne Facial

You can find this menu under: "behandelingen" under the following URL: http://www.schoonheidssalon-allure.nl/wp1979/

Thanx!

Posted 8 months ago #
BenWorx
Member

I am reading my last message again. Maybe it wasn't so clear...

I would like to change the CSS of te main pages in the mega menu folder: behandelingen.

So that would be: rejuvi, intraceuticls, skeynor, image skincare, darphin, Jane iredale etc. Etc.

Look forward to your reply!

Ben

Posted 8 months ago #
Dude
Dude

Hi!

I corrected the code above a bit. Please try it again.

Best regards,
Peter

Posted 8 months ago #
BenWorx
Member

Nope, this code doesn't change anything to the menu...

So far i've found that the following code schanges both the "pages" as well as the "subpages":

#top .main_menu .avia_mega ul a {

Grtz

Posted 8 months ago #
Devin
Moderator
Hi Grtz,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#top .main_menu .avia_mega div ul ul li a {
    color: red
}
#top .main_menu .avia_mega div ul ul ul li a {
    color: blue
}
```
I've just done the red and blue color to show you which css is effecting which elements. You can add bold or font-size as needed but you'll need to use both since the first one will effect those elements under it and then second one the replaces the rule.

Regards,

Devin
Posted 8 months ago #
BenWorx
Member

Thanx Devin! That did the trick!

Posted 8 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top