Change Slideshow horizontal slider bar color
- NativeRadio
- Offline Topic Author
- New Member
- Posts: 2
- Thanks: 0
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
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
by NativeRadio
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 :
this is defined in the script, try to change it with :
CEd.camera_bar_cont > span {background-color:red !important;}
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.
- NativeRadio
- Offline Topic Author
- New Member
- Posts: 2
- Thanks: 0
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!
by NativeRadio
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
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;
}
.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