• Closed
  • Paul Jabas
    Spectator
    February 13, 2014 at 11:14 am #8270

    Hi Roman

    the theme is a lora.
    I want to set the text in the navigation to the bottom line. As I realize that the text in the theme is vertically centered and I failed so far in modifying the style-sheet. Where exactly do I have to code what?

    Thanks as always for your prompt response.
    Paul

    Roman
    Participant
    Posts: 3147
    February 13, 2014 at 7:00 pm #9138

    try something like this in the Custom CSS field:

    Code:
    #nav ul > li > a, #navigation > li.current-menu-ancestor > a, #navigation > li > a, #navigation li.current-menu-ancestor a {
    bottom:-5px;position:relative;
    }
    Paul Jabas
    Spectator
    Posts: 11
    February 15, 2014 at 8:00 pm #9143

    Hi Roman

    I tried your recommendation, but the only thing changed is: the frame around the menu item in sub-menues moved down 5px. I use the header_3 in a lora.
    As a workaround I am using header 5 now with reduced “main nav height” parameter to 25px with a main menu font size of 13px.

    regards, Paul

    Roman
    Participant
    Posts: 3147
    February 16, 2014 at 10:34 am #9144

    that’s weird….for me it works….may I see the website?

    Paul Jabas
    Spectator
    Posts: 11
    February 17, 2014 at 4:45 pm #9152

    Hi Roman

    at the very moment the site is still in development and I can’t show you anything. Sorry. As soon as the site is online, I will get back to you, if you don’t mind.
    regards, Paul

    Roman
    Participant
    Posts: 3147
    February 18, 2014 at 12:17 pm #9153

    no problem 🙂

    Paul Jabas
    Spectator
    Posts: 11
    February 21, 2014 at 1:27 pm #9163

    Hi Roman

    I try to post here the link to a .pdf file where two screenshots with some comment is located.
    http://gronova.org/publikationen/theme-alora-menue-alignment-issue.pdf

    Hope you can see the difference and the link will work.
    Paul

    Roman
    Participant
    Posts: 3147
    February 21, 2014 at 2:32 pm #9165

    try trick with a line-height:

    Code:
    #nav ul > li > a, #navigation > li.current-menu-ancestor > a, #navigation > li > a, #navigation li.current-menu-ancestor a {
    height: 60px;
    line-height: 70px;
    }

    line-height value should be higher than the height value

    Paul Jabas
    Spectator
    Posts: 11
    February 21, 2014 at 3:27 pm #9166

    Roman, thanks. It works. In my case I have to reduce the valus from 60 to 30 and 70 to 40px.

    have a nice weekend, Paul