[resolved] Spreading out the social icons in the footer (7 posts)

  1. dfwmax
    Posted 2 years ago #

    I've used Firebug trying to find the code to spread out the social icons in the footer area (they are bunched up compared to the ones in the header). Does anyone know how to spread them out. I'll keep looking for the answer and post it if I find it.

    Thanks in advance.

  2. be.creative
    Posted 2 years ago #

    what is your url and I'll take a look?

  3. dfwmax
    Posted 2 years ago #


    The site is a work in progress so please excuse its condition.

    Thanks for your help.

  4. Andrew Nevins
    Forum moderator
    Posted 2 years ago #


    .social-block a { margin: 0 1%; }

    Add it to the "Custom CSS" part of the theme.

  5. acub
    Posted 2 years ago #

    You need to delete line 129 from your child theme's style.css.
    Just in case you use an editor without line numbers I marked it in the code below:

    footer#footer p, footer#footer a {
    padding:        0px ; /* Delete me! */
    font-size:      1em ;
    text-align:     none;
    line-height:    1.2em ;

    Not a big issue, but I thought I'd mention since I saw it. There's no such thing as text-align: none. You might want to change it to left, right, center, justify or inherit.

  6. dfwmax
    Posted 2 years ago #

    Thanks for taking a look at it. I was clueless. Im on my iphone. Will fix it tomorrow.

    You guys are amazing helping complete strangers for no pay. It really does impress me that there are people like you still around.

    Dont mean to gush. Just amazed and pleasantly surprised.

  7. dfwmax
    Posted 2 years ago #


    It worked like a charm. Thank you. Marking it "resolved"


    Thanks for the heads up on the coding problem. I'm sure its pretty obvious I'm a newbie and any and all help is greatly appreciated.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.