J!Extensions Store™
Forum
Welcome, Guest
Please Login to access forum.
Re:Full Width Slider (1 viewing) 
Go to bottom
TOPIC: Re:Full Width Slider
#6248
Foundation Digital
Fresh Boarder
Posts: 8
User Offline
Full Width Slider 2 Years, 11 Months ago Karma: 0  
Could anyone please provide me with the correct css to make the slider full width. i have set the component margins and padding for the main component but would like to have the slider go from edge to edge

.hpslider {width:100% !important; margin: 0px !important; padding: 0px !important;}

this is in the main.css

the class suffix is in the module

thank you
 
Logged Logged  
  The administrator has disabled public write access.
#6249
John Dagelmore
Admin
Posts: 3520
User Offline
Re:Full Width Slider 2 Years, 11 Months ago Karma: 74  
HI, i don't know the slider you are talking about so i'm limited to give you some hints.

The css code you posted is generally correct.

However if the slider that you are using has some inner elements that have fixed width you need to set width:100% even for them,

Best regards
John
 
Logged Logged  
  The administrator has disabled public write access.
#6732
Fresh Look Web Design
Fresh Boarder
Posts: 2
User Offline
Re:Full Width Slider 2 Years, 8 Months ago Karma: 0  
Yes I have the same issue. I'm using the responsivizer slideshow, and it's not doing full screen.

My website is http://109.73.225.232/~jubileecs/index.php

Any help would be appreciated. Thanks!
 
Logged Logged  
  The administrator has disabled public write access.
#6737
John Dagelmore
Admin
Posts: 3520
User Offline
Re:Full Width Slider 2 Years, 8 Months ago Karma: 74  
Simply remove the padding in your case.

div.slideshow div.moduletable {padding:0}
 
Logged Logged  
  The administrator has disabled public write access.
Go to top