Yolo Banner Modify color

[seb]

Hello,

I would like to modify the color of the Yolo Banner Style 2 ( home3 ) as well as the text color. To fit my new website color.

Can it be done in the Theme option or maybe do you have a few line of CSS for me?

Add New Note to this Reply

[seb]

See attached

Add New Note to this Reply

[Jackie]

Hi again.

Yes, we can help you change that with the custom CSS.

Please give us your site URL to have the shortcode. We will help you check it on your site.

Thanks.

Add New Note to this Reply

[seb]

Hey

ID : yolo

Pass : O@KsS6$z%tgwu76tj5balC)v

 

Thanks

Add New Note to this Reply

[seb]

This reply has been marked as private.

Add New Note to this Reply

[Jackie]

Hi again.

1. To change the hover text color, you can use the custom CSS below:

.banner-shortcode-wrap.style_2:hover .banner-content .banner-content-inner .banner-title {
color: #1f2a37 !important;
}

.banner-shortcode-wrap.style_2 .banner-content .banner-content-inner .banner-button {
background-color: #1f2a37;
}

For the overlay color, you can use the custom CSS below:

.banner-shortcode-wrap.style_2 .banner-content:before {
    background-color: rgba(31, 42, 55, 0.6);
}

Please check it again.

Thanks.

Add New Note to this Reply

[seb]

Yeah, It is working fine.

Could you please give the CSS also for the overlay on hover ?

I also have still have a green border on one of the item, how can I delete it ?

How can I change its color?

Add New Note to this Reply

[Jackie]

Hi again.

Sorry, we don't see the green border on the hover item.

Can you check it and give me the image of that?

Thanks.

Add New Note to this Reply

[seb]

Yeah, It come and go. It isn't really important.

But could you send me the css for the hover background color? On your picture it is set to white.

Add New Note to this Reply

[Jackie]

Yes, for the white hover background color, you can use the custom CSS below:

.banner-shortcode-wrap.style_2:hover .banner-content:before {
   background-color: #fff;
}

Thanks.

Add New Note to this Reply

[seb]

Hey there,

I would like to use the banner-shortcode-wrap.style_2

but it could be great if I get rid of the margin ( see attachment )

Add New Note to this Reply

[Jackie]

Hi again.

To remove space between Yolo banner shortcode with style 2, you can use the custom CSS below:

.banner-shortcode-wrap.style_2 { margin: 0; }

Thanks.

Add New Note to this Reply

[seb]

Nice, Good job.

Add New Note to this Reply

[Author]

Posts