Home › Community Forums › Epik Theme Support › Slider Wide (Fullscreen)
- This topic has 13 replies, 3 voices, and was last updated 8 years, 8 months ago by
Wes.
-
AuthorPosts
-
October 27, 2013 at 11:08 am #8477
monkeyO
CustomerI’m using the revolution slider plugin and have set it to fullscreen. I want it to fill up the space inside the red square (see screenshot below). What changes should i make in the stylesheet?
October 27, 2013 at 1:51 pm #8480Wes
ModeratorThere is a “Slider Wide” widget area that is full width that you could probably use….but I’m not sure what you would need to do in this situation as I’m not familiar with that particular plugin.
October 27, 2013 at 3:10 pm #8482monkeyO
CustomerWes,
The width is fine (im using the ‘slider wide’ area), but the height of the slider is now larger than the screen height…
Here is a demo of the slider :
http://www.themepunch.com/codecanyon/revolution_wp/index-fullscreen.htmlOctober 27, 2013 at 3:37 pm #8485Wes
ModeratorI would need a link to your site to take a look (a screenshot won’t work). If it’s the plugin causing an issue then you would need to contact the plugin developer, as I can only offer support for my own themes (since that’s what I’m familiar with).
October 27, 2013 at 4:35 pm #8489monkeyO
CustomerThis reply has been marked as private.October 27, 2013 at 4:38 pm #8490monkeyO
CustomerI have posted a private reply. I’m not sure if you can see it
October 28, 2013 at 8:39 am #8497staplechasers
CustomerWere you able to resolve the issue. I am currently using the same slider and have a margin on all sides of the screen as well. Thanks for your help
October 28, 2013 at 8:53 am #8498monkeyO
CustomerI wasn’t able to resolve the issue
October 28, 2013 at 9:13 am #8500staplechasers
Customerdid you end up switching to another slider or were you able to get the fullscreen effect with another slider? Thanks for the quick response
October 28, 2013 at 1:27 pm #8502Wes
ModeratorThe
.head-wrap
(div around the header) has 40px of margin for the bottom. So you would need to remove that bottom margin and that would cover about half of that space. But you’ll need to only do this for the homepage, since that space is needed for all of your other pages. Add this code to do it –.home .head-wrap { margin: 0; }
Next look around line 1151 or search for
.slider-wide .wrap
and remove the padding like this –.slider-wide .wrap { margin: 0 auto 20px; padding: 0; }
….and that will remove all the space from in between the header and slider. Once you edit this, make sure and hit your reload button so it will clear your browser cache so the latest changes will show up.
Let me know if that works.
October 28, 2013 at 2:38 pm #8507monkeyO
CustomerThe space between the header and slider is now gone(thanks), but i want the header + slider to fill the screen.
October 28, 2013 at 3:55 pm #8510Wes
ModeratorLook for
.slider-wide .wrap
remove the margin, change it to auto for left and right…then add a max-width (100%).October 28, 2013 at 5:03 pm #8515monkeyO
Customerwhat about the height of the slider? right now i have to scroll to see the rest of the slider
October 28, 2013 at 10:14 pm #8520Wes
ModeratorI can’t really help with the slider functionality since I’ve never used the plugin. You’d need to check the documentation for it (if they have it), or contact the developers that created it to fix any issues it’s causing. As mentioned earlier I only assist with the themes I’ve created….don’t want to lead you in the wrong direction by making guesses.
-
AuthorPosts
- You must be logged in to reply to this topic.