WordPress.org

Forums

Hueman
[resolved] Footer Widget Area 2 problem (7 posts)

  1. mirilailai
    Member
    Posted 1 year ago #

    Greetings,
    I'm using the old version of the theme - 1.1.2

    I have an issue (not sure if it is one) with the footer widget area 2. I use 2 footer columns and when I put something in the second one it is left aligned. How could I center it?

    Also I changed the social icons at the bottom of the page with new ones from a plugin and now they are left aligned too and follow the footer widget area 2 alignment. I need these icons to be right aligned as the original ones.

    Website: http://79.124.76.30/~scoresbg/

    Thank you for your support in advance,
    Stamen Yanev

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    I'm using the old version of the theme - 1.1.2

    Why?

  3. mirilailai
    Member
    Posted 1 year ago #

    Cuz I have made a lot of changes to the original style.css and when I update everything goes away, even the uploaded images.So I rather use the old version instead of coding all over again. I even tried to paste the old css code from the file to the new one but my site still stays a mess. Thank you Backup Service! :)

  4. Alexander Agnarson
    Member
    Theme Author

    Posted 1 year ago #

    I looked at the widget area and it seems to be working just fine as intended. What you need to do is center the content within the widget. If it's an image, do:

    .myimageclass { width: 300px; margin: 0 auto; display: block; }

    Or put text-align: center on the widget area, and use inline-block on the items within.

  5. mirilailai
    Member
    Posted 1 year ago #

    Doesn't work.. I'm trying to center this script:

    <script type="text/javascript">
    <!--
    d=document;d.write('<a href="http://www.tyxo.bg/?131868" title="Tyxo.bg counter"><img width="88" height="31" border="0" alt="Tyxo.bg counter" src="'+location.protocol+'//cnt.tyxo.bg/131868?rnd='+Math.round(Math.random()*2147483647));
    d.write('&sp='+screen.width+'x'+screen.height+'&r='+escape(d.referrer)+'"></a>');
    //-->
    </script><noscript><a href="http://www.tyxo.bg/?131868" title="Tyxo.bg counter"><img src="http://cnt.tyxo.bg/131868" width="88" height="31" border="0" alt="Tyxo.bg counter" /></a></noscript>

    Also I'm trying to right align the social icons at the bottom. How to do that? I think it has something to do with "clear : right" tag.

  6. Alexander Agnarson
    Member
    Theme Author

    Posted 1 year ago #

    Try putting a div around the script with a classname, specify width of it, and then put margin: 0 auto; on it.

    As for social icons, it seems like the %-width grid is broken in the footer. grid one-half / grid one-half last floats below each other, instead of beside - which it shouldn't do.

  7. mirilailai
    Member
    Posted 1 year ago #

    Thanks the script alignment worked.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic