Jump to content
Sign in to follow this  

Footer Widths

Recommended Posts


Hi, I am looking to change the width of one of my footer columns. I have four items and one of them is pretty narrow so I would like to give it less than its 25%.

Here is a link that shows what I mean (it is about washi)

Any help would be great. Thanks

Share this post

Link to post
Share on other sites
James B

Hi there, can you report the link, its not showing in the post. The link attached to your profile is a non-pagelines site, so I'm assuming the other one didn't paste properly.

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

You can use Custom CSS to adjust the width of a column, but since all of the columns have the same <DIV> class, you'll need to assign a unique one to whichever column you want to adjust in the section.php file for footer columns. You can make this adjustment in the Base theme (to avoid losing the change during an update): http://www.pagelines.com/wiki/How_to_Use_the_Base_Theme

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post

Link to post
Share on other sites

Hi, I have my base theme installed and I found the file you are referencing. I think. themes > pagelines > sections > sb_footcols > section.php

My FTP client is acting a little buggy. Doesn't see to want to copy files. But anyway, once I figure that out could you give me an example of what the code would look like?


Share this post

Link to post
Share on other sites

Actually, I'm sorry to disappoint, but the footer columns are actually set by code not CSS. The number of columns you set in Site Options determines the percentage of width and CSS unfortunately cannot override it. The div that Catrina referred to applies equally across all the columns, not specific ones, and since it's a full-width section, if you were to adjust, the changes would not show.

That said, you can accomplish this goal by replacing the Footer Columns with WP-Boxer plugin. This uses "content blocks" in place of boxes, each having its own unique CSS identifier. That would allow you to adjust the width of each specifically, but I'd recommend keeping in mind that you're adding the boxes to a full width area so if you narrow one, you'll need to compensate by widening the others so that the group fits the space, else it will look 'skimpy'.

You can use Boxer by adding a full-width or universal sidebar to the footer section in Drag & Drop. Then, in Dashboard > Appearance > Widgets, add a text widget to that sidebar and in that, just place the shortcode for the boxer set.

Former PageLines Moderator, Food Expert and Raconteur

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  

  • Similar Content

    • netage
      By netage
      How do I make footer columns in DMS?
    • patrman
      By patrman
      I would like to ask you for help. 

      My Facebook like box is displayed only on posts - here in footer columns - it works perfectly -http://www.janpatrma...mrt-chtel-bych/

      However on normal it is not displayed at all. see - www.janpatrman.cz

      I tried many different things to get it right. But nothing worked.
      here is the widget code.
      <div class="fb-like-box" data-href="http://www.facebook.com/#!/patrmanjan" data-width="175" data-show-faces="true" data-stream="false" data-header="false"></div>
      Here is the printscreen of my templates is attached.

      Could you please have a look what I have set wrong. Thank you for your help.

    • benz_admin
      By benz_admin
      Hi to all.
      i have some problems with footer settings.
      in pagelines>site option> header and footer i have set:
      - 4 columns
      - fill the box for "more statement"
      - fill the box for "terms line"

      but my site doesn't show more statement and terms line and i don't know where set the text to show in the four columns of the footer
      i try to fill the widget footer columns but is shows text in 1 column.

      Any suggestions??