Change the colour of text and icon in one Icon Box

raisintoast · September 2017

Hello @muffingroup

How do I change the colour of the icon and all text in one Icon Box to white? I want the other Icon boxes to remain the same.

Thanks

Bryan · September 2017

Hi,
you will need to add a custom class to a wrap containing this icons box. This way we can target it only.
Please send us a link to this page after you do that
thanks

raisintoast · September 2017

Hi @muffingroup,

Thanks for your response

The custom class is bg-icon-box-book-online and the link is here

Thanks

Bryan · September 2017

Try this css

.bg-icon-box-book-online .icon_box .icon i {
	color:#fff !important;
}
.bg-icon-box-book-online .icon_box .desc_wrapper h3, .bg-icon-box-book-online .icon_box .desc_wrapper .desc {
	color:#fff !important;
}

raisintoast · September 2017

Hello @muffingroup

Thanks for the css. How do I change the background to #4a995c in the icon box so I can see the white writing and icon?

Bryan · September 2017

You can give the background for the column that this item is in.

raisintoast · September 2017

@muffingroup

Do you mean

column mcb-column one-third column_icon_box bg-icon-box-book-online

It is the Book Online column, on the right

Bryan · October 2017

Yes, it is.

raisintoast · October 2017

Thanks @Muffin Support

What is the css for the background?

Thanks

Bryan · October 2017

if you want to change the background for this item only, then you will have to add a custom class to the wrap that this item is inserted. Then I will target it with custom css.

raisintoast · October 2017

Hello @muffinsupport

The custom class is the same as the one you did the white text and icon CSS for. It's

bg-icon-box-book-online

Thanks

Bryan · October 2017

Try this css

.bg-icon-box-book-online {
	background:blue !important;
}

raisintoast · October 2017

Hi @muffingroup,

Thank you, that worked perfectly!

Change the colour of text and icon in one Icon Box

Comments

This website uses cookies