Help with Padding after Nav Bar and link color

  • Resolved speed2011

    (@speed2011)


    10 years, 8 months ago

    Two questions:

    1. I have used “Setting up a new navbar widget” seen here: https://www.themesandco.com/snippet/add-qtranslate-flags-navbar-widget/. But rather than using qTranslate I used google translator and added it to the widget. The flags are right justified too much. How do I add padding to that the flags don’t go all the way to the end of the page?

    2. On my nav links the first letter stays a static color and not sure how to change it to be like a normal link where all letter colors change on hover. This is the code I am using:

    /* Adjust Menu colors - Normal */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter {
color:          White;
text-shadow:    none;
}

    Site link: Test Site

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

  • 1. You have in your custom css

    #flags{
text-align: right;
..

    what if you replace that right..

    #flags{
text-align: center;
..

    2. You have duplicates in your custom css (that one in your cutomizr admin panel) and in your style.css (child theme). Get rid of these lines in both:

    .navbar .nav > li > a, .navbar .nav > li > a:first-letter {
color: white;
text-shadow: none;
}

    and use these ones just once, choose where

    .navbar .nav > li > a {
color: white;
text-shadow: none;
}

    Hope this helps

    Thread Starter speed2011

    (@speed2011)

    d4z_c0nf, absolutely perfect! Thank you very much.

    I was struggling for hours and you come along and give me the solutions in minutes. I should have posted this question hours ago…LOL.

    Thanks again.

    It happens.
    Use “Inspect Element” in Google-Chrome or try Firebug add-on for firefox.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help with Padding after Nav Bar and link color’ is closed to new replies.