Change the color or remove the box under blog post masonry layout

edited January 2015 in Blog
We want to get rid of everything but the title on masonry here:

http://cimux.com/cx/

Also is it possible to change the color of the box the title is in, make it transparent, or only have an image with out any text unless you hover?

Another question, is it possible to only change the color of the title in these boxes without changing the color that is connected to the H value elsewhere.



Comments

  • Hi,

    at 1st please do something with your website because does not work. All we see is "500 Internal Server" error. Also we do not understand what you mean to get rid of everything? Sorry but this is weird question to remove everything from page. We need more details about what you exactly need.
  • edited January 2015
    Sorry for clarification. In the masonry blog layout where the posts loads under each image is the text (author, date created, title, etc) inside of a box. We want to set the box to transparent, or remove the box all together and just have the title displayed over the image on hover. If this is not possible im sure we can get around this by changing the color but the default color is white with grey for the section where "read more" is placed.

    Also, we would like to adjust the color of the title inside the box with out it affecting the other "h2"
  • Ok. So to make this background transparent, you need to use below css with right RGBA color:
    .masonry .post-desc-wrapper { background: rgba(255, 255, 255, 0.3); }
    But to change title color, please use below one:
    .post-desc .post-title h2 a { color: #000; }
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.