Support Forums

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

Your Time: Our Time:

Thump slider (text properties and image opacity)

Featured Lock Resolved Task
Hi, i would like to know how to change the item text properties in the Thump slider (font size etc). Also how to change the opacity of the item's image when the animation starts. In my case i want it to stay in 100% opacity. Thank you.

8 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside on your custom.css file & change the font size and background color percentise.
Increase or decrease the title font size

#slider.flexslider .slides h1 {
color: #fff;
letter-spacing: 6px;
line-height: 1.025;
display: none;
text-transform: uppercase;
font-size: 60px;
}

Increase or decrease the paragraph font size

#slider.flexslider .slides p {
font-size: 30px;
font-weight: 700;
color: #fff;
margin-top: 12px;
margin-bottom: 38px;
display: none;
}



Increase or decrease the overlay background color

#slider.flexslider .slides li:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}


-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Please share a screenshot that you want to do exactly and share your site URL.

-Thanks

George Scordilis

More than a month ago #Permalink
I have attached a screenshot, I want to be able to change the size of the text (the text properties generally) and the increase the opacity of the slider image. screenshot.jpg

Attachments (1)

  • screenshot.jpg
    screenshot.jpg 183.2 KB

Toufiq - Staff

More than a month ago #Permalink
I have attached a screenshot, I want to be able to change the size of the text (the text properties generally) and the increase the opacity of the slider image.[attachment]screenshot.jpg[/attachment]


Hi there, Please share your site URL. Thanks

George Scordilis

More than a month ago #Permalink
http://69.50.196.162/~alphapro/

George Scordilis

More than a month ago #Permalink
Thank you , works great.

Toufiq - Staff

More than a month ago #Permalink
Thank you , works great.


Hi there, You are most welcome & Thanks


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 131
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 98
Toufiq

Toufiq

Total Accepted Answers: 25
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289778

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