Custom Trailer Box Color

redtraininc

Hello,

How to I create custom hover colors for trailer boxes? Currently I'm using the following CSS with not luck:

.trailer_orange .trailer_box .desc a:after { background-color: #f68a2d !important; }

My url is http://198.252.99.57/~kingston/

Thanks!

Albert

Hi,

you are using VC so with this plugin it won't be possible. Such things can be done with our Muffin Builder tool only.

Thanks!

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

redtraininc

Hi,

I am using switching these sections to Muffin Builder, can you let me know how to do this with muffin builder as I have added a trailer box in muffin builder on the programs page and still can't get it to work.

Thanks!

Albert

Yes, sure. But first you must send us url to page where you got this build with Muffin Builder. Also, please do not forget to set class name for the item that you want to change. Nearly every Muffin Builder item got which which is called Custom | Classes and that is the place where you supposed to type custom class name, for the item.

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

redtraininc

Hello, the url is http://198.252.99.57/~kingston/programs/ and I have put "trailer_orange" in the Custom Classes field. And the above CSS is the Custom CSS section.

Albert

Ok. So now to change this background on hover, please use below css:

.trailer_orange .trailer_box .desc { background: #000 !important; }

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

redtraininc

Thanks! However it changes the background permenantly, not on hover.

Albert

If above css changes background permanently, please remove custom css and let us know so we can have a look on it once again.

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

redtraininc

css has been removed, thanks

Albert

Ok. So please try below css and this should do the trick for hover state only:

.style-simple .trailer_box:hover .desc { background: #000 !important; }

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

redtraininc

Working now, thanks!

Albert

You're welcome

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