• 0
Sign in to follow this  
Followers 0

Footer width

Question

Posted · Report post

Trying to set the footer width to be the same as the content in fixed width mode. My width is 980px and have set it to static width but still showing full width across the page. Do I need to change the CSS?

Share this post


Link to post
Share on other sites

18 answers to this question

  • 0

Posted · Report post

Hi there, if you have fixed width layout and static pixel selected you can use

 

body.fixed_width #footer {
    max-width: 1218px !important;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

the site is: http://championshipenduro.com/wordpress/home

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Stano, Like you previous topic, regarding Header transparent, the URL you have linked is giving me a 404?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry, Try this: http://championshipenduro.com/wordpress/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Stano, I highly recommend you install Firebug or use Chromes web dev tools, it will honestly make your life much easier. I have provide the code below for the footer width: [code]#footer {width: 980px !important;margin: auto !important;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The code didn't change the footer width. Any other suggestions?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Try this instead: [code]#footer {width: 980px !important;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry that still did not work. All it did was remove the margin so the footer started on the far left of the page... Can someone create a master list of the CSS selectors for the components used with this 2.0 framework. The value of this theme/system was that it would be easy to create good looking websites within Wordpress without without php knowledge. Since your developers obviously created their system based on certain CSS selectors for each component, it should be easy to create a guide for the customers of this product to use to create customizable websites quickly without all of the trial and error currently involved. With all of the other request for such a guide, I think it would be a wise investment that would create better value with your product. Please tell me your working on this...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello, I can add this master list to a list of customer requests in a Weekly Report that I'll be submitting on Friday. There was a CSS selector guide created by a customer awhile back but there may be some inaccuracies.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, Here's a link that shows you a CSS Selector map of the typical PageLines Framework page construction: http://www.pagelines.com/forum/discussion/16066/listing-and-map-of-framework-id-and-class-selectors#Item_1 The footer falls outside the page canvas area, so yes, the footer is going to be full width, just as the header will be. Despite the full width of these two elements, things within them fall within the page canvas width of 980px, which is why you don't see any changes from Danny's and Catrina's solutions. There's nothing actually wrong or incorrect. If you use Firebug, you'll see, for example, that things like the Branding Area within the Header match the canvas width, just as the Carousel and Footer Nav Menu fit within it. Everything that should be 980px is that width. That said, I do see that your carousel in the footer doesn't match the canvas width. The reason is that it has a 15px padding around it as part of the content structure. You can use Firebug to identify the combination of selectors, such as .content and .carousel to widen the carousel only to 980px.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

trying here to customize too the footer i'm facing some problems, some #id's accept the changes others not putting changes at plugins/pagelines-customize/style.css i can get background color for social media icons #branding .icons { bottom: 105px; background-color:#26a3d1; } but impossible to put color for morefoot_area #morefoot_area .container-group{ background-color:#500; } It appear at Inspect element firebug, but is not applied to de div id Can see the example here http://stay.mediterraneancharter.com/test2/ Thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The code I provided you works, as a test add the following code to your custom CSS, I have added a background color of red, to display the change. [code]#footer {width: 980px !important;margin: auto !important;background: red !important;}[/code] @adriavidal Can you please create a new topic, it's extremely confusing when there are multiple questions in the same topic.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ok, I am beginning to see how this was setup. Thanks for your responses.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Stano, Is this now resolved or do you require further assistance ?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry, i put it here because was a very similar problem. now solved.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny a simple question - or not :P

 

is possible make the footer 100% width in the pixel width based layout?

 

thank you!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

James B thank you! :D

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You're welcome

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  
Followers 0