Changing the color of Masonry Tile Hover Line

Hello,

We have recently purchased your theme and was wondering if there is a way to select the color of the hover line in the masonry tiles for blog page? On our blog page, one of the hover lines is transparent (http://www.deloeventures.com/our-thinking/  "What the Fed is Watching").

I have tried to look for it under the post itself and theme options but no luck. Any help is appreciated!

Thanks.

Comments

  • Hi,
    you can use this custom css to change it
    .masonry.tiles .post-item.no-img .post-desc-wrapper .post-desc .post-title::after, .masonry.tiles .post-item.format-quote .post-desc-wrapper .post-desc .post-title::after, .masonry.tiles .post-item.format-link .post-desc-wrapper .post-desc .post-title::after {
    background-color: red !important;
    }
    thanks
  • Hello,

    Thank you for the quick response. i tried pasting the code above into the Custom CSS option under the Theme options and had no luck. 

    Is there another field I should be putting this under?

    Thanks,

    Eric
  • Paste this into theme options>custom css.
    This could be either browser cache, so delete it from your browser.
    Maybe you have cache plugins activated?
  • That was it. The browser cache was not showing the change. What is strange though, is it applied the changes to the "Quote" posts, but the standard image post that was referenced to in my original comment is still missing its line. I was trying to achieve something similar to your http://themes.muffingroup.com/be/theme/blog/masonry-tiles/?mfn-s page.

    Thanks for all the help. It is appreciated.
  • Try also this
    .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title::after {
    background: blue !important;
    }
  • Perfect! Thank you for all your help! 

    Best,

    Eric
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.