WordPress.org

Ready to get started?Download WordPress

Forums

Scrappy
[resolved] Add social icons to header area (7 posts)

  1. linguine999
    Member
    Posted 1 year ago #

    Hi, I'd like to add social icons (FB, Twitter and RSS) to the header area to the right of the site description.

    I've made the site description 580px wide so there is 320px to the right of that for the icons but I can't seem to get my icons to display on the same line. They are displaying below the site description, correctly on the right but on the line below.

    Can anyone advise how I can do this?
    Thanks

    http://wordpress.org/extend/themes/scrappy/

  2. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    Please post a URL so we can see the code and hopefully help you find a solution. Thanks!

  3. udaraaka
    Member
    Posted 1 year ago #

    Yes post the URL of your website. I think floating your description to left will solve the problem.

  4. linguine999
    Member
    Posted 1 year ago #

    Thanks for your responses. I have it in a test space at the moment - you can find it at www dot growperfectpeppers dot com.

    Thanks so much for taking a look.
    Cheers

  5. udaraaka
    Member
    Posted 1 year ago #

    in your style.css line 24 reduce width 210 or adjust is according to your needs. So it ll appear as follows. or Edit the margin values as needed. The problem here is that element has a 50px.

    .social-icons {
    width: 210px;
    float: right;
    margin: 0 50px 0 50px;
    }

    Just try it and tell me if there are any problems.

  6. linguine999
    Member
    Posted 1 year ago #

    Wow udaraaka what a super fast response AND it worked!
    Thanks so much
    Cheers

  7. udaraaka
    Member
    Posted 1 year ago #

    You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags