Community Forums › Forums › Archived Forums › Design Tips and Tricks › social icons are distant friends
Tagged: Margin, simple social icons
- This topic has 5 replies, 2 voices, and was last updated 8 years, 8 months ago by
tjd.
-
AuthorPosts
-
September 7, 2014 at 1:32 am #123118
tjd
MemberSo, 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.comSeptember 7, 2014 at 11:00 am #123159Tom
ParticipantTom,
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 #123224tjd
MemberMornin’ 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 #123241Tom
Participantre: #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 #123274tjd
MemberHi 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 #123278tjd
MemberHi 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
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.