• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

social icons are distant friends

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › social icons are distant friends

This topic is: not resolved

Tagged: Margin, simple social icons

  • This topic has 5 replies, 2 voices, and was last updated 8 years, 8 months ago by tjd.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 7, 2014 at 1:32 am #123118
    tjd
    Member

    So, I continue on the Genesis path to Nirvana, after finally upgrading it. I use the Genesis social icon plug-in and have 5 icons located at the top of the right sidebar. Now because I know so little about code, anytime I discover something I can control, well, I’m like the proverbial “kid in a candy store”. There’s is one issue I have with the social icons and that is the spacing between them …it’s really too big. Yet,

    amongst all the adjustments for color, size, and radius, there’s no way that I can see that allows me to move them closer together and still maintain their size. I like their simplicity so I’d like to keep them. I don’t need elaborate rectangles, visitor count, or any such statistical embellishment.

    Any ideas for this issue? I might even consider an alternative plugin that was simple, light, and adjustable??

    Thanx ~ Tom in Tokyo

    http://tomjdolan.com
    September 7, 2014 at 11:00 am #123159
    Tom
    Participant

    Tom,

    In The Simple Social Icons widget, change "Alignment:" to "Align Center".
    In your child theme stylesheet, add this code snippet to the bottom of the file:

    .simple-social-icons ul li {
    	margin: 0px 2px 12px !important;
    }

    The middle value ("2px") adjusts the left and right margin of each icon.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    September 7, 2014 at 5:02 pm #123224
    tjd
    Member

    Mornin’ Tom

    Welcome to another grey, overcast Seattle-type day in Tokyo.

    Thanx for your response/suggestion.
    #1. when I went to the Editor to locate the Social Icon location, I discovered a note I wrote to myself a couple of years back: Simple Social Icons - <<code removed. I have no idea why I removed it, but there it wasn't.

    #2. So I went to the area where it used to live, re-created the title-line, then below it I added in the code you sent. And I “centered” the icons in the widget. Upon checking the icons, I didn’t get a new result. I then changed the mid-value of 2, to 1, but no change in appearance. So,

    I don’t know what code I removed, but if you think I should have it, could you send the entire code over…please. If it’s not important, then let’s pass on it. The result I have is acceptable and I don’t want to ask too much of you. In any event, Thanx for your assistance…one point, I did create a running list of all my changes to the css which I have immortalized in a site-folder, but haven’t looked at it for a long time. OK, I just dusted it off and in checking my list, which I’m surprised how detailed it is, but alas, no mention of Social Icon removal…albeit, it was a troublesome time at the computer.

    Thank you Tom.

    September 7, 2014 at 6:36 pm #123241
    Tom
    Participant

    re: #2. The code provide must be added to your theme stylesheet (style.css for your child theme "Legacy") as indicated; this has not been done or has been removed. The alignment for Simple Social Icons remains "Align Right". You must make the change to "Align Center" in the Simple Social Icons widget settings in the sidebar widget area. No change will be apparent until these steps have been completed.

    Of course, there is no way for me to know what code you may have removed some time prior to now.

    The changes detailed earlier will work; perhaps there is something else that conflicts, but this cannot be known unless you leave the changes in place. As a general recommendation, you should install the plugin Genesis Style Trump so that changes in your child theme style sheet are not overpowered by changes in other stylesheets, such as from the Simple Social Icons plugin.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    September 7, 2014 at 8:57 pm #123274
    tjd
    Member

    Hi Tom

    My stupid! Of course you wouldn’t know the missing code as it’s not Genesis but Legacy. So later tonite I’ll email them to see if they can provide the missing, read that tossed-out, code. But as far as the widget settings goes, the setting was on Align Right, and I changed it to Center after your suggestion where it still is.

    I went in to the setting just now, yes it was Center, changed it to Left, checked, no difference so reset it to Center. I have a feeling that the missing code had a setting I obviously didn’t care about and that setting may still be controlling some things. As I write this, I remember sometime in the past receiving a notice about the eNews box being replaced or unsupported or some such thing and that might have been the encouragement for my foolish decision. No matter, if/when I resolve this I’ll drop you a note to let you know what I find. Thank you so much for your follow-up:)

    Tom

    September 7, 2014 at 9:15 pm #123278
    tjd
    Member

    Hi again Tom,

    I hit the reply button too soon previously. I’m working on 2 issues simultaneously and I momentarily confused them. So, please disregard the whole part about the eNews box. Gees, I’m multi-tasking multi-tasking and it’s a bit out of control. Sorry. Tom

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble