WordPress.org

Ready to get started?Download WordPress

Forums

How to align flag icons to left side of header (8 posts)

  1. eliquez
    Member
    Posted 6 months ago #

    I just installed the language qTranslate widget and so far it works like a charm. However, I cannot align the little flag icons to the left side of my header.
    This is the site http://jf.elisaenriquez.com

    Any thoughts?

    Thanks!

  2. Maria Antonietta Perna
    Member
    Posted 6 months ago #

    Hi,

    You need to find this rule in style.css: .qtrans_language_chooser li {}

    Simply delete float:right; and the flags should move to the left.

    I hope it helps.

  3. DMBarber
    Member
    Posted 6 months ago #

    Before making any changes it is best to use a custom css editor plugin (if your theme does not already have one included) or set-up and activate a child theme.

    Then add to the plugin or child theme stylesheet:

    .qtrans_language_chooser li {
    float: none;
    }
  4. eliquez
    Member
    Posted 6 months ago #

    Thanks for the quick reply. I got it to align to the left of my header.

    cheers!

  5. eliquez
    Member
    Posted 6 months ago #

    One more thing. Now that my languages align to the left, how can I tweak it so the text or flags do not display the grey underline.
    Also, I want to decrease the gap between the languages and the navigation menu. Should I tweak the qTranslate widget or the position of the navigation menu and logo?

  6. DMBarber
    Member
    Posted 6 months ago #

    To remove the gray line add this in the same fashion as the previous:

    div.custom-sidebar ul li {
    border: none;
    }

    The gap between the language bar and navigation bar is mostly controlled by a 45px bottom margin on the language bar. I say mostly because there is also a 10px margin on the top of the navigation menu, but that is nominal for your purpose. To diminish the gap add this line in the same manner as the previous:

    div.custom-sidebar {
    margin-bottom: 45px;
    }

    but change the 45 to a lower number that creates a gap you like (say 25 or so).

  7. eliquez
    Member
    Posted 6 months ago #

    Thank you so much, I appreciate it. It looks great!

  8. DMBarber
    Member
    Posted 6 months ago #

    My pleasure. Glad I could help.

Reply

You must log in to post.

About this Topic