We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. luis
  2. General Discussion
  3. Monday, 05 August 2013
  4.  Subscribe via email
Hi, I am using the Glenon template form themeforrest, which is based on the T3 framework. I have installed the Revolution slider from Unite, which allows for full width slider in your joomla templates. the slider works great, but it is not centered, as you can see: http://www.accl.net.au

I have had this problem before with a rocket theme template, which are based on the Gantry framework, the code I used to fix this is:

I added these lines in the grid-responsive.css in libraries/gantry/css :

#rt-showcase .rt-block{padding: 0px !important; margin: 0px !important; overflow: hidden !important;}

#rt-showcase .rt-container{width: 100% !important;}

#rt-showcase .rt-grid-12{width: 100% !important;}

#rt-showcase .rev_slider_wrapper fullwidthbanner-container{padding: 0px !important;}

The !important after every line is necessary.
The #rt-showcase forces the new properties only for the showcase module where the slider is displayed. So if you're using an other template, you'll have to check what's the id or class of the module where you are displaying the slider.
It also seems to be working for responsive templates.

What I need to know is what code to use and in which file is this code supposed to go. The trick is to change the width of the wrapper container JUST for the slider module position. Is this possible and what would be the way to do this? Thanks very much for your time!!
References
  1. http://www.accl.net.au
Comment
There are no comments made yet.
Accepted Answer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi luis,

This site is for T3v3 only and Glenon template is based on T3v2 (JA T3 Framework).
For the problem, please contact to creator of Glenon template, they will be happy to help you.

You can try to add

.rev_slider_wrapper {
position: relative;
z-index: 0;
left: 50%;
margin-left: -950px; /* change this value if you use other image size*/
}

to

http://www.accl.net.au/media/com_uniterevolution/assets/rs-plugin/css/settings.css

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much for your code, it worked like a charm, the only thing I changed is this line:

left: 50%;

to:

left: -50%;

that did the trick, Thank you so much!!!! :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.