Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #16918

    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…



    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.





    Hi Devin,

    Sure thing:

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


    And in particular:



    Etc. Etc.

    Thank you very much!


    Hi there,

    Can anyone please respomd to the question above?

    Thank you..



    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;




    Hi Dude,

    Sorry, ain’t working…

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


    Mesoscience/ Mesofiller

    Meso lift

    Image Skincare

    Acne Facial

    You can find this menu under: “behandelingen” under the following URL:



    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!




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

    Best regards,



    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 {



    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.




    Thanx Devin! That did the trick!

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Changing CSS of pages in Mega Menu Propulsion’ is closed to new replies.