Jump to content
Sign in to follow this  
stano7

Footer width

Recommended Posts

stano7    0
stano7

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
stano7    0
stano7
the site is: http://championshipenduro.com/wordpress/home

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Stano, Like you previous topic, regarding Header transparent, the URL you have linked is giving me a 404?

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
stano7    0
stano7
Sorry, Try this: http://championshipenduro.com/wordpress/

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
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]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
stano7    0
stano7
The code didn't change the footer width. Any other suggestions?

Share this post


Link to post
Share on other sites
stano7    0
stano7
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
catrina    103
catrina
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.

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
Rob    547
Rob
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.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
adriavidal    0
adriavidal
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
Danny    1,327
Danny
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.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
stano7    0
stano7
Ok, I am beginning to see how this was setup. Thanks for your responses.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Stano, Is this now resolved or do you require further assistance ?

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
adriavidal    0
adriavidal
Sorry, i put it here because was a very similar problem. now solved.

Share this post


Link to post
Share on other sites
mundocaco+    9
mundocaco

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
James B    436
James B

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

 

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

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
mundocaco+    9
mundocaco

James B thank you! :D

Share this post


Link to post
Share on other sites
James B    436
James B

You're welcome


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

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  

×