Custom CSS to change colour in Zoom Box

Thatchman · January 2019

Hi

On the homepage of my site:

I have 5 portfolio items each in a separate zoom box. I would like to change the background color of the zoom box to #fbf9fa to match the outline of the individual portfolio items. I tried custom css:

Zoom Box { background-color: #fbf9fa !important; }

Didn't work > do I have to add anything to:

Custom | ClassesCustom CSS Item Classes Namesat the bottom of the zoom box?
TxGary

Pablo · January 2019

Hi,

Please paste this Custom CSS into the Theme Options > Custom CSS & JS > CSS

.zoom_box .desc{
	background:rgba(255,0,0,0.5) !important;
}

Thanks

Thatchman · January 2019

Pablo

That didn't work - here's what I have in Theme Options > Custom CSS & JS > CSS

now:

.section-border-top { border-top: 1px solid rgba(0, 0, 0, 0.08); }

/* Newsletter */

.newsletter_form { margin-top: 30px; }

.newsletter_form > input[type="email"] { display: inline-block; margin-right: 10px; max-width: 250px; }

.zoom_box .desc{

background:rgba(255,0,0,0.5) !important;

}

Pablo · January 2019

It changed the color to red, but you have to change the background color to #fbf9fa.

I gave you just the example.

Thanks

Thatchman · January 2019

it didn't change the background colour to anything - it's still white

Thatchman · January 2019

I c what you have done, that changes the zoom colour but not the background color. Maybe zoom box isn't what I need because they are all separate, I need an option to display 5 or 6 portfolio pictures here I can change the background color to #fbf9fa to match the outline of the individual portfolio pics.

Pablo · January 2019

We've got a little bit misunderstanding, sorry about that.

If you want to find something else which will be good for you, then please search it on our splash page in the "Shortcodes" menu item.

https://themes.muffingroup.com/be/splash/

Then, if you'll need some further help, just tell me.

Thanks

Custom CSS to change colour in Zoom Box

Comments

This website uses cookies