Support Forums

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

Your Time: Our Time:

How do I modify SP Smart Slider text block on Corporex.

Featured Lock Resolved Issue
I am user the SP Smart Slider module adn have selected the Corporex option as I think it's closest to what I am looking for. However I would like to change the colour shading and opacity of the background behind the text. Is there anyway I can do this? Also would be nice if I Could make the text block including the background run the full width of the screen. Anyway of doing this.

1 Answers

Shibbir

More than a month ago #Permalink
Well,

To do that go to extensions/modules/mod_sp_smart_slider/tmpl/corporex/css/corporex.slider.css at line number 107. Here you can see following CSS:


.sp-corporex-layout .sp-slider-content {
display: inline-block;
width: 40%;
position: absolute;
z-index: 1;
left: 50px;
top: 45%;
padding: 40px;
color: #fff;
background-color: rgba(0,0,0, .6);
}


Now create a new CSS file called custom.css in CSS directory and paste this above code and change the CSS property as well as its value.

Here rgba means red, green, blue and a means opacity. For the opacity, you can use 0.1 to 0.9.

Let me know if it's working for you.

Regards,
Shibbir.


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 112
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 108
Toufiq

Toufiq

Total Accepted Answers: 37
Pavel

Pavel

Total Accepted Answers: 4
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

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