Home › Forums › Free Themes › Photo Perfect › Masonry archive(layout options) : can I custumize appearance on small screens

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 1, 2018 at 12:23 pm #74729
    Janne
    Participant

    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

    July 2, 2018 at 2:09 am #74755
    wensolutions
    Keymaster

    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!!

    July 26, 2018 at 3:37 pm #76441
    ulissesbertozzi
    Participant

    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!

    July 26, 2018 at 11:48 pm #76459
    wensolutions
    Keymaster

    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!!

    July 27, 2018 at 3:00 pm #76485
    ulissesbertozzi
    Participant

    Thanks man! Perfect!

    July 28, 2018 at 11:02 am #76505
    Janne
    Participant

    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

    July 30, 2018 at 12:12 am #76563
    wensolutions
    Keymaster

    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.

    July 30, 2018 at 12:15 am #76564
    wensolutions
    Keymaster

    Hello @janne,

    Can you please please provide your site URL so that we can provide the precise fix on this?

    Thank you.

    Regards!!

    July 30, 2018 at 4:58 am #76570
    Janne
    Participant

    Hi – the url is:
    http://www.damborgdrawings.dk/

    July 30, 2018 at 5:59 am #76575
    wensolutions
    Keymaster

    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!!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.