Change Slideshow horizontal slider bar color

Change Slideshow horizontal slider bar color was created by NativeRadio

Posted 11 years 3 weeks ago #9830
Bonjour,

I purchased the Slideshow CK documentation in hopes of finding the answer, and also could not find it here.

I need to change the color of the horizontal slider bar under the rotating images to #ff0000 and can not find where to do this. I looked in default/camera.css. It appears to be inheriting a background color of;

<span class="camera_bar_cont" style="opacity: 0.8; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgb(34, 34, 34);">

But I can not find nor change this. Development server address is;
whitneycorrelate.brownrice.com

Thanks for your great extension and assistance!

With respect,
Patrick

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Change Slideshow horizontal slider bar color

Posted 11 years 3 weeks ago #9832
Hi
this is defined in the script, try to change it with :

.camera_bar_cont > span {background-color:red !important;}

CEd

Joomlack Webmaster and Developer

Last Edit:11 years 3 weeks ago by ced1870
Last edit: 11 years 3 weeks ago by ced1870.

Please Log in or Create an account to join the conversation.

Replied by NativeRadio on topic Change Slideshow horizontal slider bar color

Posted 11 years 3 weeks ago #9837
Merci qui a fonctionné parfaitement. Made my day .. merci encore!

Please Log in or Create an account to join the conversation.

Replied by frioman on topic Change Slideshow horizontal slider bar color

Posted 7 years 7 months ago #37420
Thank you for the Module and the support. I can't find the location of the code mentioned above. Is it in mod_slideshowck/Assets, elements, language, themes, or tmpl? Thanks again.
by frioman

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Change Slideshow horizontal slider bar color

Posted 7 years 7 months ago #37422
Hi
the code I mentioned can be added in any CSS stylesheet, like in your template
It will override the JS code
CEd

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: frioman

Please Log in or Create an account to join the conversation.

Replied by frioman on topic Change Slideshow horizontal slider bar color

Posted 7 years 7 months ago #37423
I included the ".camera_bar_cont" code in my css/custom.css file like below, but didn't see any change. The ".corporate .slideshow" is what I had to include to remove the top space between the slider and my Masthead. There was a horizontal white bar separating the two, but that line of code successfully removed it. Should I place the code someplace else? And I need it black. When I substitute red, will I type "black" or "#000000"? Thank you.

.corporate .slideshow {
padding: 0px!important;
}

.camera_bar_cont > span {
background-color:red !important;
}
by frioman

Please Log in or Create an account to join the conversation.

Time to create page: 0.662 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 932 guests and no members online