can't get rid of grey area in promo slider

Was wondering the same or can the colour be changed?

Hey Curtix,

So I have no idea how to remove it, but I found how to change the color.

The person that made this didn’t assign it a color, he assigned the background an imagenamed slider.jpg that is a square of the color.

So, in the promotion slider folder under plugins, open the slider.css file.
Change this line,

.promo_slider .panel { background:url(‘images/slide.png’);

to this:

.promo_slider .panel { background-color: #whatevercolor;

that’ll change the color for you.

Daniel,

Removing the background image that is currently set can be achieved by inserting the following line of code in your active theme’s CSS file:

div.promo_slider .panel { background: none; }

I never came here looking for this fix but it was something I planned to sort out at some stage.. you’ve just saved me some time.

Thanks Woodent, appreciated

The css code did n’t work for me

Can I make the background transparent? So that it mingles with the page background?

Thanks !

Setting the background to ‘none’ is the same thing as making the background transparent. If that code isn’t working for you, perhaps you have a link to where the slider is so we can take a look at your CSS?

I am trying to make the background transparent on my site but I am not sure where to place the css code. I tried in my style.css sheet but nothing happen. What am I missing?

Thanks for the help.
Hector

My site is https://www.theslantedlens.com

olguinator,

It looks like you got things working… I guess you figured it out?

I guess so. I am not really sure what I did.

Thanks for the support!

Woodent,

Tried again and I see it worked. I think it was the cache issue last time and It took a few minutes to show the changes now

Thanks for your support!

Woodent,

I applied the css to get rid of the gray background but there is a lot of space around my slider. How do I get rid of that?

The site is https://www.premiumcaptive.com/wordpress/home-page/

I appreciate your help!

Thanks,
Hector

Hector,

It looks like you have an empty paragraph before the slider and the main heading for that page has 30px of bottom margin. The promotion slider only adds 10px before and after.

If you have a feature.php …use the editor and find at the top
and change the slideInfozoneOpacity to 0.00 and it eliminates it.

<?php
if(get_theme_option(‘featured_posts’) != ”) {
?>
<script type=”text/javascript”>
function startGallery() {
var myGallery = new gallery($(‘myGallery’), {
timed: true,
delay: 6000,
slideInfoZoneOpacity: 0.8, <—– change to 0.0,
showCarousel: false
});

Please can anyone help?
I’ve used the promo slider on a site I’m doing and there’s a black line going around the images on the top and left.
I’ve tried to change the CSS on my theme and also the plugin, but not having any luck.
Please can someone advise what I’m doing wrong?
The link to the page is https://www.gardenbaby.co.uk/?page_id=8
password is 1234.
Thanks!