- This topic has 9 replies, 3 voices, and was last updated 6 years, 1 month ago by .
Viewing 10 posts - 1 through 10 (of 10 total)
Viewing 10 posts - 1 through 10 (of 10 total)
- You must be logged in to reply to this topic.
Home › Forums › Free Themes › Photo Perfect › Masonry archive(layout options) : can I custumize appearance on small screens
I like the Photo Perfect theme a lot – displayed on a big screen. But when using the masonry layout achive and the screen gets smaller like on a smart phone, I the big black boxes (showing on the font site) with the eye and the link/page icon are too dominating. Is there any way that I can control / hide them showing on smaller devices?
Se what I mean here: http://www.damborg-graphic.dk/masonry_theme_black_boxes.jpg
Br. Janne
Hello @janne,
First of all thank you very much for using the theme.
To resolve your issue in the responsive view add below given CSS.
For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.
@media only screen and (max-width: 1023.99px){
.post-content h2 a {
display: block;
}
.post-content a {
display: none;
}
}
Hope this helps.
Best Regards!!
Hi, i’m trying to paste the CSS like you said, but it does not work.
I want to remove the eye and the link icon, can you help?
Tks!
Hello @ulissesbertozzi,
Please add below given CSS by going to Admin Panel > Appearance > Customize > Addtional CSS.
.post-content a.popup-link {
display: none;
}
.post-content i {
display: none;
}
Hope this helps.
Regards!!
Thanks man! Perfect!
Hi THANKS – almost there.
Can I also hide the title? So no black boxes will appear:
http://damborg-graphic.dk/black_box_title_mobilephone.jpg
And can we control, that it only hides on smaller devices/screens?
Best regards
Janne
Hello @ulissesbertozzi,
Glad we could help you.
If you have any issues further please let us know.
Also, we would really appreciate if you could help us by rating our theme by following the link given below:
https://wordpress.org/support/theme/photo-perfect/reviews/
Thank you.
Hello @janne,
Can you please please provide your site URL so that we can provide the precise fix on this?
Thank you.
Regards!!
Hi – the url is:
http://www.damborgdrawings.dk/
Hello @janne,
Please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS and paste the CSS.
@media only screen and (max-width: 1023px){
.post-content {
display: none;
}
}
Hope this helps.
Regards!!
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |