Jump to content
Sign in to follow this  
meyson

Full Width div before content

Recommended Posts

meyson    1
meyson

Hi, 
I am trying to make a full width div (for holding a slider) just before the content div - it will be the only element that has a full width. 
It is not difficult to make it with page.php copy, but in the pagelines only predefined presets are used, and i cannot follow the order. 
Can you breafly explain how to do it?
Thanks.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

In order to add a full width area to house a slider, you will first need to set your layout to Full Width sections. Then the easiest method to adding a slider would be to use a ContentBox and if the slider you wish to add allows you to implement the slider via shortcode, add the sliders shortcode to the ContentBox.

 

You can then style the Contentbox giving it a background color/image etc...

 

If your slider doesn't allow you to add via a shortcode then you will probably need to use a hook. I recommend you review our Action Map documentation, so that you can find the correct hook location. - http://support.pagelines.me/docs/plugins/action-map/

 

Another method would be to use the Hooker plugin, which allows you to add hooks fast and easy. - http://www.pagelines.com/store/plugins/hooker/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
meyson    1
meyson

thanks fpr reaction. i added a box, and i see the section as below: 
"Custom CSS class 

Add a custom CSS class to this set of boxes.
Add custom css class to these boxes"

but how do i add a css file to this box i have?

Share this post


Link to post
Share on other sites
meyson    1
meyson

i mean how to add a styling to this certain box as you said? (to make it full-width)

Share this post


Link to post
Share on other sites
catrina    103
catrina

The custom CSS class adds an "identifier" to the set of boxes so the CSS code (which is placed in Site Options > Custom Code > LESS/CSS) can detect what styling should be applied to that set of boxes.

 

For example, let's say BLOGBOX is the custom class given to that boxes. This means that in the CSS code, the styling for a background color added to that box set would be something like this (but not exactly like this):

.blogbox {background-color: #fff; }

 

Are you trying to make one box full width or an entire box set full width?


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

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  

×