• Creator
    Topic
  • #8270

    Paul Jabas
    Spectator
    Been thanked: 0 times

    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

Viewing 8 replies - 1 through 8 (of 8 total)
Replies
  • Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #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
    Post count: 11
    Been thanked: 0 times
    #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
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9144 |

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

    Paul Jabas
    Spectator
    Post count: 11
    Been thanked: 0 times
    #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
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9153 |

    no problem 🙂

    Paul Jabas
    Spectator
    Post count: 11
    Been thanked: 0 times
    #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
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #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
    Post count: 11
    Been thanked: 0 times
    #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

Viewing 8 replies - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.