the custom css code to turn off the background image for the image slider block

Permalink
I've been trying to find online how to properly code the advance custom class setting for the image slider background. I have a full page background image that the image slider in the Elemental Theme covers up. I found the its in the class .ccm-image-slider. I have tried a few ways to have no background but nothing is working.
Thanks, Mark

here is the general code:
.ccm-image-slider{background-image: none;important!}

 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi RedWings67,


Try this:
div.ccm-page .ccm-image-slider-container {
    background: none;
    border-bottom: none;
}
binomonkey replied on at Permalink Reply
binomonkey
Hi,
If you use the background image found as the default background in the design area (in my case the night_road theme), the url points to my local server development area. This causes an issue when I transfer the site to the remote server as it's still resolving the url on my local machine. So ultimately, it does not show up on my remote live site. There are a couple commented out notes that say something like "this .css file needs to be in root"
I cant track it down so hence asking you how can I always make sure url's always point to the current directory and not my workstation url.

Basically this line:
/* CSS with background images – we need these directives to be in the root of theme
* otherwise we can't both map the stylesheet to them AND the customizer to them
*/
.ccm-image-slider-container {
background-image: url('/~my_machine/web_project/application/themes/theme_name/images/background-slider-night-road.png');
}

I need this to point to ('../image/background-slider-night-road.png') instead.

Thanks in advance,
Bjorn