Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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…

    Ben

    #93377

    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

    #93378

    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!

    #93379

    Hi there,

    Can anyone please respomd to the question above?

    Thank you..

    #93380

    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

    #93381

    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!

    #93382

    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

    #93383

    Hi!

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

    Best regards,

    Peter

    #93384

    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

    #93385

    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

    #93386

    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.