Jump to content
Sign in to follow this  
MissT

How to change the morefooter column widths

Recommended Posts

MissT+    4
MissT

I'm having problems trying to change the widths of the 3 morefooter columns. I've changed the widget text widths but this isn't changing the actual column width, I need the first column to be narrower so that the middle column moves to the left. The text has been adjusted using the following: #text-2 {width: 230px; margin-right:0px;padding-right:0px;} #text-3 {width: 500px;} #text-4 {width: 250px;} There seems to be spacing on the right of the first column that is pushing the middle column further to the right. Site is http://www.petergallimoremedia.co.uk/ I'm using firebug and have tried to find how to change this but everything I've tried hasn't worked. Any help greatly appreciated! Thanks in advance! Tracy.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
Hi Tracy. You cannot change the width of the columns independently. Not the optimal option, I know. You set the width with: [code].pp3 { width: 250px; }[/code] What you could do is move the column that you want larger to the end and see how that works. :)

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
Also, for feature requests, feel free to make your submission at http://www.pagelines.com/tracking

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
MissT+    4
MissT
Thanks so much, I'd been going round in circles with this. That did help moving the larger text widget to the end but it's still not quite right and from what you've said not possible to do. I know I've done it in Platform Pro in the past so it's a bit fustrating that we can't in Pagelines Framework so thanks for the prompt I will add it as a feature request. In the meantime I think I'm going to change to using a 4 column footer rather than 3 column morefooter to improve how it looks. Thanks again, Tracy.

Share this post


Link to post
Share on other sites
MissT+    4
MissT
In case anyone else is having problems with this... In the end I changed to a 4 column footer rather than using the morefooter and then had a similar problem aligning the columns with the content above. I managed to get round this by putting the widget titles in the actual widget text area (and removing the title) and then adding individual classes for the title and text for each footer widget in the widget text itself. That way in the CSS I could change the padding on each of the 4 widget titles and text independently of each other to make them align how I wanted. Eg of widget code: Eg of CSS: .footer-title1 {padding: 15px 0px 15px 0px;} .footer-title2 {padding: 15px 0px 15px 6px;} .footer-title3 {padding: 15px 0px 15px 13px;} .footer-text1 {padding-left: 0px; padding-right: 10px;} .footer-text2 {padding-left: 6px; padding-right: 10px;} .footer-text3 {padding-left: 14px; padding-right: 10px;} .footer-text4 {padding-top: 25px; padding-left: 44px; padding-right: 0px; margin-right: 0px;} Hope this helps somebody out there! :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×