Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 13, 2019 at 12:11 am #1099850
    beenee

    Hi guys,
    how would I alter the css so the background color of the top menu item is having a padding …like 2-3px above and below the menu.
    In this case I used lime to see clearly what I mean:

    .plp-ltblue {
    font-size: 16px !important;
    font-weight: bold !important;
    background: lime !important;
}

    On this very page: http://dev1.plp-group.com

    …any ideas?
    best
    Stefan

    May 13, 2019 at 6:31 am #1099916
    Rikard

    Hey Stefan,

    You can try something like this to increase the line height:

    .plp-ltblue a {
  line-height:20px;
}

    Best regards,
    Rikard

    May 13, 2019 at 11:00 am #1100005
    beenee

    Hi Rikard,
    thanks! This was the right hint! I’m so glad that Kriesi support is there, I will definitely keep buying Enfold for my customers:-)

    The final code needed !important…:

    .plp-ltblue {
 line-height:20px!important;
    font-size: 16px !important;
    font-weight: bold !important;
    background: lime !important;
   
}
.plp-lttrans {
 line-height:20px!important;
    font-size: 16px !important;
    font-weight: bold !important;
    background: transparent!important;
   
}

    …and the other menu items need a similar but separate class to be ‘in line’…

    One thing would be a “nice to have” with the Enfold theme: A list (or DB) of all standard classes used as a default.

    Ticket solved, can be closed,

    Best
    Stefan

    May 13, 2019 at 2:59 pm #1100073
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu font background-color padding’ is closed to new replies.