Change the colour of text and icon in one Icon Box

raisintoast

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

raisintoast

Hi @muffingroup,

Thanks for your response

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

Thanks

Bryan

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;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

raisintoast

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

raisintoast

@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

Yes, it is.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

raisintoast

Thanks @Muffin Support

What is the css for the background?

Thanks

Bryan

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

raisintoast

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

Try this css 

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

raisintoast

Hi @muffingroup,

Thank you, that worked perfectly!