Trailer Box, change hover color

edited February 2017 in BeBuilder
Hello,
how can I change the color of hover in the trailer box? I downloaded the theme BeTransport files and I would like to change the color to a grey with transparency.

Also, I would like to know how to change the style of the border around images. I would define the style with 1px and gray color.

Thank you

Comments

  • Hi,

    please send us link to page/s where you would like to do above modification first so we can have a look on it and give you best possible solution.

    Thanks!
  • any updates on this request?
  • edited September 2018
    Hi~I also fail to change the Trailer Box Hover color in a specific portfolio page.
    I don't want to change my whole website others page Trailer Box Hover color,
    but just A PAGE PORTFOLIO TRAILER BOX HOVER COLOR, 
    because each portfolio page has it's own color scheme.
    Please help!
    Thanks!
  • edited September 2018
    I've solved the problem!

    1. Under Muffin Builder, create a COLUMN (at that specific page).
    2. Type:
    ______________

    <style>
    .trailer_box a::after { background: rgba(0, 191, 214,0.7) !important; }
    </style>
    ______________
    3. [background: rgba(0, 191, 214,0.7) ] = RGB (the color swatch you want to use in RGB number), A (The opacity of the hover color).
    4. Updated, Finished.

    Thanks anyway!

    PS: RGB color code could check at: https://www.color-hex.com/color/00bfd6
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.