• Closed
  • Paul Jabas
    Spectator
    13.02.2014 at 11:14 #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
    Spectator
    Posts: 3147
    13.02.2014 at 19:00 #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
    15.02.2014 at 20:00 #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
    Spectator
    Posts: 3147
    16.02.2014 at 10:34 #9144

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

    Paul Jabas
    Spectator
    Posts: 11
    17.02.2014 at 16:45 #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
    Spectator
    Posts: 3147
    18.02.2014 at 12:17 #9153

    no problem 🙂

    Paul Jabas
    Spectator
    Posts: 11
    21.02.2014 at 13:27 #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
    Spectator
    Posts: 3147
    21.02.2014 at 14:32 #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
    21.02.2014 at 15:27 #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