WordPress.org

Ready to get started?Download WordPress

Forums

Polylang
flag allignment (8 posts)

  1. gotang20
    Member
    Posted 1 year ago #

    Hi Chouby,
    Awesome plugin, works great with my site.. thanks!

    I used the following quote from a previous thread:
    <ul><?php pll_the_languages(array('show_flags'=>1,'show_names'=>0));?></ul>
    Is it possible to have the flags side to side and aligned to the right?

    I'm trying to put it in my header, but as I don't code, I'm having some problems figuring it out. Hope you can help.

    Thanks again!

    http://wordpress.org/extend/plugins/polylang/

  2. Chouby
    Member
    Plugin Author

    Posted 1 year ago #

  3. gotang20
    Member
    Posted 1 year ago #

    Thanks Chouby,

    I'm still having a bit of trouble. I'm using Simply Business theme, and I think it's very different.

    I tried initially using your indications from your docs, and then from the codes you mention above, but there seems to be no effect.

    What I'm trying to do is to place the flags in line on the top right corner, but what i'm getting are the flags in the middle of the header, distorting the table.

    Thak you for your help though and sorry for the troubles.

  4. Chouby
    Member
    Plugin Author

    Posted 1 year ago #

    Your link does'nt load. I guess however that this is a Premium theme. If this is the case, it will be harder for me to help, as I can't test it.

  5. gotang20
    Member
    Posted 1 year ago #

    It's ok, I'll keep playing around with it. Thanks anyway.

    Have another question regarding the flags. So regarding the docs, I have made my flag (Domincan Republic) to substitute the Spanish flag. What code do I have to modify so that it redirects to my newly uploaded flag (not in flag folder as indicated).

    Thanks again and sorry for the troubles.

  6. Chouby
    Member
    Plugin Author

    Posted 1 year ago #

    Just create a new 'polylang' subdirectory in 'wp-content/', then put your flag es_ES.png or es_ES.jpg (provided that you use es_ES as locale) in this directory wp-content/polylang/. The flag will be modified on frontend only, not on admin side.

    Your link works today. I guess you want to put your flags in place of the phone on top right. I suppose that this phone number is not present in the distributed theme. In that case, you should find something like (maybe in header.php):

    <div class="social_container>

    Just after this, write:

    <ul class="lang-switch"><?php pll_the_languages(array('show_flags'=>1,'show_names'=>0));?></ul>

    Then add the following lines in style.css:

    .lang-switch {
      float:right;
    }
    .lang-item {
      display:inline;
    }

    Maybe, you will obtain what you want...
    And of course, you should do this in child theme otherwise you will loose your modifications at the next theme update.

  7. gotang20
    Member
    Posted 1 year ago #

    Thank you so much for your help Chouby..
    Flag works good now.

    Regarding the positioning, it's exactly what I had done, but I guess it has more to do with the theme than anything. Positioning just simply won't align to the right.

    As far as the last code, I don't think I'm doing it right. Is there anywhere in particular that I should put this? It's just not lining up.

    Once again.. Sorry for the troubles and thank you so much for your help.
    This is the site for your reference : http://kinatrading.com

  8. Chouby
    Member
    Plugin Author

    Posted 1 year ago #

    I am not a css specialist and don't know why it does not work. Use:
    display:inline-block;
    instead of
    display:inline;
    but take care, it won't work as is for IE7 (make a google search and you will find the trick for IE7)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic