Archived

This topic is now archived and is closed to further replies.

  • 0

Full Width div before content


Question

Posted · Report post

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

4 answers to this question

Posted · Report post

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/

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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

Posted · Report post

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?

Share this post


Link to post
Share on other sites