Featured Image Size on mobile

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Ludo757

    (@ludo757)

    8 years, 11 months ago

    ok, by using

    3

    .featured-image {
    padding-bottom: 60%;
    }

    I was able to change the height of the featured image height on the blog page on the mobile version and by using https://wordpress.org/support/topic/featured-image-width-1?replies=4 I was able to change the size on the post page.

    Please let me know if you find another solution. Thank you!

    Theme Author Ben Sibley

    (@bensibley)

    8 years, 11 months ago

    Thanks for sharing so much detail.

    The CSS you shared above should work for the blog at mobile widths and posts at all widths. However, if it isn’t then you can add an !important tag to make sure your CSS definitely overrides the existing CSS:

    .featured-image {
  padding-bottom: 60% !important;
}

    Often times that all it needs to take affect on the site.

    Thread Starter Ludo757

    (@ludo757)

    8 years, 11 months ago

    Thanks for the swift reply Ben. Much appreciated.

    I found out that the modification for the height did not seem to work at first because of my screen (16:9). Once I viewed the site on a normal screen, all good!

    Theme Author Ben Sibley

    (@bensibley)

    8 years, 11 months ago

    Ah okay, no problem!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Featured Image Size on mobile’ is closed to new replies.