Okay
  Public Ticket #1617122
color overlay
Closed

Comments

  •  40
    Pod9 started the conversation
    June 21, 2018 at 1:44pm

    Hi, 

    Hope you're well. On my main portfolio category page the images have a dark overlay, which goes clear on rollover. This is good so that you can see the text easily. However, on mobile there is no dark overlay. Is this possible to add? 

    James

  •  3,030
    Andrew replied
    June 21, 2018 at 5:16pm

    Hi James,

    There is not hover effect on mobile and that is why its not present, the color overlay.

    It not really possible to add this in on mobile.
    Hope you understand.

  •  40
    Pod9 replied
    June 22, 2018 at 10:15am

    Okay. In that case is it possible to always have the colour overlay, as I can't read the text easily on mobile? See http://laresidenciatarifa.es.gridhosted.co.uk/categories-apartments/

  •  3,030
    Andrew replied
    June 24, 2018 at 9:18am

    Hi Pod9,

    Sorry for the late reply.

    To have that overlay show on mobile use this CSS:

    @media only screen and (max-width: 1000px) and (min-width: 1px){
    .portfolio-items .col .work-item.style-3 .work-info-bg{
       display:block;
    }
}

    add it to salient \ general settings - css script related - custom css code.

    Hope this helps.

  •  40
    Pod9 replied
    June 25, 2018 at 11:35am

    perfect. solved.

  •  3,030
    Andrew replied
    June 25, 2018 at 3:18pm

    Hey Pod9,

    Awesome!

    Please be sure to reach in in case you encounter another issue,

    Regards