[Theme: Scrappy] Add social icons to header area

  • Resolved linguine999

    (@linguine999)


    12 years, 6 months 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

    https://www.ads-software.com/extend/themes/scrappy/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Caroline Moore

    (@sixhours)

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

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

    Thread Starter linguine999

    (@linguine999)

    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

    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.

    Thread Starter linguine999

    (@linguine999)

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

    You are welcome.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Scrappy] Add social icons to header area’ is closed to new replies.