"Smaller Portfolio bottom-meta" (#775088) / ThemeNectar

Comments

Erik started the conversation
May 20, 2016 at 10:08pm
Hi there,
On mobile devices, the bottom-meta box and its font is rather high for landscape oriented images. Please check attachment.
I would like to set it smaller on mobile devices, like 25% box height of what is it now and the font to 1em.
Could you share which CSS lines are required for this?
Thanks a bunch!

8,994

Tahir replied

May 24, 2016 at 4:18pm

Hey ,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

@media only screen and (max-width: 690px) {
    .portfolio-items .work-item.style-4 .bottom-meta h3 {
        font-size: 15px !important;
        line-height: 17px !important;
    }
    
    .portfolio-items .work-item.style-4 .bottom-meta {
        padding: 5px 15px !important;
    }
}

Best.

ThemeNectar Support Team

1 Like