[Mat]

Hi,

In desktop view, there is a semi-transparent box around the title, for instance in the top slider at http://theholyfish.com/ . Another style is like under the ‘photo essays’ portfolio on the home page, where the whole image is covered on mouse-over.

How can I make either of these styles appear on mobile and tablet view? If you look at the ‘photo essays’ section on a mobile, some of the first article’s title becomes obscured by the bright patch in the featured image. I’m thinking that one way to avoid this would be to have the semi-transparent box appear around the title here.

Thanks,

Mat.

[Mahesh]

@banno2000: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#portfolio .entry-container {
    background: rgba(48, 48, 48, 0.9) none repeat scroll 0 0;
    opacity: 0;
}

#portfolio .hentry:hover .entry-container, #portfolio .hentry:focus .entry-container {
    opacity : 1;
}

Regards,
Mahesh

[Author]

Posts