full width of a particular page

You can’t do that easily.

The “container” is used to contain everything within it to 978px.

If you want the slider to go past the edge then you can rebuild your theme or hack it.

1. Rebuilding theme:
Find where the slider code is and add the following html before and after:

</div>
<!-- slider code is here -->
<div class="container">

This will break the container to let your slider go full-width and then start the container again.

2. Hack the slider:

Add this to your slider container:

.slider-container {
    margin: 0 -10000px;
    padding: 0 10000px;
}

• This reply was modified 8 years, 6 months ago by SJW.

Thank you Shannon for a quick response. I must add that I understood half of you said since I am pretty new at this. My guess is that hacking is easier for a newbie. I created the slider using the “Smart Slider” plugin. Where might I find the slider container area to add the code you provided?

You need to edit the theme files – you need to know what you’re doing so you don’t break the site so if you are new, you should proceed with caution.

normally to hack – you would add the css to you style.css.