Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Smart slider optima. How to get the slide only on the center

Featured Lock Resolved
Hi.

I am making a webside: http://www.onlinenorwegiancourses.no and I have problems trying to get the smart slider displaying only in the center. Right now, the slider uses all the size of the screen from left to right, no matter how big the screen is. I would like to make the slider just as wide as the other components are.
Does anybody know what should I do to modify it? I guess It must be on the module itself but neither there, or in the template module i didn't find any button to resize :(

Thanks in advance! :p

Attachments (1)

  • example1.jpg
    example1.jpg 436.1 KB

3 Answers

Alex Smirnov

More than a month ago #Permalink
Hi there,

We don't provide template customisation but you may try following: open /modules/mod_sp_smart_slider/tmpl/optima/css/optima.slider.css, line 34 and locate the following style rules:


.sp-slider-item .sp-slider-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 0 40px 0 40px;
}


and replace it with the following:


.sp-slider-item .sp-slider-image {
top: 0;
left: 0;
height: 100%;
z-index: 0;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin: 0 40px 0 40px; /* just play with the 40px margin to your own requirement */
}


See how it goes.

Regards,

Alex

Alex Smirnov

More than a month ago #Permalink
I am pleased to see it worked out well for you. All the best.

Regards,

Alex


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 114
Sifat

Sifat

Total Accepted Answers: 60
Toufiq

Toufiq

Total Accepted Answers: 48
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 21
Ofi Khan

Ofi Khan

Total Accepted Answers: 16

118

Templates

303857

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us