Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 19, 2017 at 12:16 am #779720
    Erwin

    Hi,

    When my site goes responsive, the archive-page doesn’t behave like expected. The text and title lines at the featured image. I would like to have a padding of 20px. How can I do this? See the private part for a link to my site.

    Regards,

    Erwin

    April 19, 2017 at 7:17 am #779816
    Jordan Shannon

    Hey erwin_m,

    Add the following to quick css:

    @media only screen and (max-width: 414px) and (min-width: 320px)  {
article .blog-meta {
width: 325px!important;
height: 325px!important;
}

img.attachment-square.size-square.wp-post-image{
width: 325px!important;
height: 325px!important;
}
}

@media only screen and (max-width: 1024px) and (min-width: 768px)  {
article .blog-meta {
margin-right:20px!important
}
}

    Please let me know if this works for you. If not, please provide login info so I can look into this further.

    Best regards,
    Jordan Shannon

    April 19, 2017 at 8:33 am #779843
    Erwin

    Hi Jordan,

    Changed the values a bit, now it’s working great. Thank you.

    Regards,

    Erwin

    April 19, 2017 at 3:06 pm #779991
    Rikard

    Hi Erwin,

    Great, glad you got working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 19, 2017 at 3:31 pm #780015
    Erwin

    You can close it.

    April 19, 2017 at 3:53 pm #780028
    Jordan Shannon

    Hi,

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘padding featured images when responsive’ is closed to new replies.