Community Forums › Forums › Archived Forums › Design Tips and Tricks › Managing Footer widget spacing
Tagged: footer widgets
- This topic has 14 replies, 3 voices, and was last updated 8 years, 10 months ago by Annamarie.
-
AuthorPosts
-
June 5, 2015 at 8:05 am #154984AnnamarieParticipant
Hi,
I think this is a fair question. There must be a better way than I know to space the footer widgets (and content) so that they are even across the page, at least until it gets small enough to start stacking.
I've played with various options - none seem to do it.
Thanks.
http://test.sharinghousing.com
http://test.sharinghousing.comJune 5, 2015 at 9:23 am #154987brettatkinMemberThere is a fixed width for the footer widget divs (270px). It should be a percentage. Is this the default for theme or did you change it?
June 5, 2015 at 3:17 pm #155026AnnamarieParticipantHi there. Thanks for responding. I changed it in an attempt to get the spacing. I thought I was being clever using footer widgets. I'm rethinking. Think I should put my links in a simple footer. Right?
June 5, 2015 at 3:41 pm #155029brettatkinMemberThis isn't an issue with the footer widgets. The theme is set up for 3 footer columns I believe. When you restore the original CSS code, do the columns line up and resize correctly?
June 5, 2015 at 6:42 pm #155048AnnamarieParticipantI believe the only change I made was to bottom padding.. I think I've reverted to the vanilla version. It looks strange..
Ideas?
June 5, 2015 at 9:42 pm #155052Erik D. SlaterMemberOK. Here's the dealsy wealsy. In style.css, do the following:
line 2709: change
width: 270px;
towidth: 33.33%;
line 2721: remove
margin-right: 60px;
line 2845: remove
.footer-widgets-1,
,.footer-widgets-2,
and.footer-widgets-3,
line 2861: remove
margin-right: 30px;
line 3005: remove
padding-left: 1em;
(which translates to a left padding of 36px, btw)That should do the ole tricksy wicksy there ... otherwise, I'll video myself eating a hat ... I'll even post the link here 🙂
Erik D. Slater: Digital Platform Consultant • LinkedInJune 6, 2015 at 3:52 am #155088AnnamarieParticipantWell I almost told you to eat your hat then I realized I wasn't connected to the server. D'oh. Still the spacing is off. And I'm thinking I'd be better off using a simple footer. Now to go try that!
Thanks.
June 6, 2015 at 3:55 am #155090Erik D. SlaterMemberJune 6, 2015 at 3:59 am #155091Erik D. SlaterMemberline 2707: add
text-align: center;
to .footer-widgets-1, .footer-widgets-2, and .footer-widgets-3 ...
Erik D. Slater: Digital Platform Consultant • LinkedInJune 6, 2015 at 4:05 am #155092AnnamarieParticipantThat was fast! You must be on the other side of the ocean. No coder is up at this hour EDT!
I DID the text centering.. there's something funky about the text box spacing on each of the widgets. They aren't the same size. WHY?
June 6, 2015 at 4:19 am #155095Erik D. SlaterMemberI'm ... everywhere 🙂 Well ... not really ...
The only thing I notice is the top padding of 13px ... which you may want to change to 20px ... to balance out the bottom margin of 20px on the "section" styling.
Might that be it? If not, make some screenshots ...
Erik D. Slater: Digital Platform Consultant • LinkedInJune 6, 2015 at 4:26 am #155096Erik D. SlaterMemberHave a look at this screenshot ...
This is how things look when I change the top padding to 20px ... and temporarily modify the colour of the middle widget. It looks good to me ... and I'm a fusspot 🙂
Erik D. Slater: Digital Platform Consultant • LinkedInJune 6, 2015 at 4:55 am #155097AnnamarieParticipantYes, your screenshot looks great. Looks fine on Chrome. But not on Safari .. here is screenshot.
(Hope that link works..)June 6, 2015 at 9:16 am #155107Erik D. SlaterMemberYep, I see - and feel - your pain there.
(Un)fortunately, I'm a Windows sort ... so your footer widgets look great on the five major browsers on my PC ... including Safari (which stopped being supported on Windows as of version 5.1.7) ... and my mobile device ...
Does the problem persist when you are not logged into WordPress? I'm just wondering if the "Edit" option is somehow screwing things up. I wouldn't have thought it would, but you never know ...
Erik D. Slater: Digital Platform Consultant • LinkedInJune 6, 2015 at 5:52 pm #155141AnnamarieParticipantInteresting. Thanks for sticking with me and assuring me it looks good for you. It seems to have resolved on my Safari.
On to the next battle! : ) (It would be so much easier if this is the only thing I did in my life.)
Annamarie
-
AuthorPosts
- The topic ‘Managing Footer widget spacing’ is closed to new replies.