Jump to content
Sign in to follow this  
alfonsosantaniello

full width banner

Recommended Posts

alfonsosantaniello    0
alfonsosantaniello

Hi, I recently purchased a plugin to display full width content banners on the website, but for some reason, I can't figure out how to make it full width, it won't fully go from left to right.... there is still the margin on the left. 

Share this post


Link to post
Share on other sites
Keith Vaugh+    14
Keith Vaugh

I found (and have used) the following CSS in the forum to get the pagelines feature to expand full width;

/* this changes the feature section to full width */

#site .thepage, #site .outline { max-width: 100%; }
#site .content, #footer .content { width: 100%; }
#site .section-features .content-pad { padding: 0; }
#features .content { max-width: 100%; }

Share this post


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

Let us know if the above works for you, if you've added the slider via a shortcode into the text entry field on the page it will be applied inside the 'content-area' and have the relevant padding/margins applied to it, which will keep it inside the main content container. The only way to override this will be using custom code unfortunately. There is another code option using negative padding vs positive margins you can try here - http://www.pagelines.com/forum/topic/26715-features-slider-full-width-or-max-width-outside-of-content-sections/


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  

×