• arjentic

    (@nejra993)


    Hello, I want to show my images with full width on a home page that shows my latests posts, full width in container. Now my images are smaller and there are white space around them. Also is there any way to set all images to max width for all containers, that mean that I also wanto to show images in single post, from edge to edge of container where are showed texts and images?
    Thanks and peace!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Fotis

    (@markwaregr)

    Hi there,
    can you provide a URL so I can have a closer look? Are you using the minimum recommended image sizes https://www.cssigniter.com/docs/olsen-light/#image-sizes?
    If you had previously a different theme you might need to refresh your thumbnails. Install the Regenerate thumbnails plugin, activate it and go to Tools – > Regen. Thumbnails to run a regeneration in order for the change to be applied.

    Let me know if this helps

    Thread Starter arjentic

    (@nejra993)

    well there are many different photo sizes 😀 I think I need to set mx-width of all images, for example on my home page featured images, in posts all images, even about_me photo is small, does not fill container :/ please help

    Thread Starter arjentic

    (@nejra993)

    for example http://iamsmallbuttheworldisbig.com/ featured image and images in posts, or this https://themoderness.com/2018/04/17/hm-floral-mini-dress-singapore/ and this https://byhaticekubra.com/ for about_me photo? how to get this

    Fotis

    (@markwaregr)

    Hi there,
    can you send me a URL with your blog so I can have a look?

    Thread Starter arjentic

    (@nejra993)

    I’m afraid I can not. Is there any way to write me css that I need to change because I’m not able to paste url :/

    Fotis

    (@markwaregr)

    Well you dont need actually any CSS for this.
    First disable Photon if you have jetpack installed. Second check all your images that have size smaller than the recommended.

    You can try this

    .entry-featured img,
    .widget_about_avatar img,
    .slide img{
        width:100%;
    }

    in your custom CSS box under Appearance ▸ Customize ▸ Additional CSS but for small images if will look bad, since they will force stretch to the container.

    Thread Starter arjentic

    (@nejra993)

    Thank you Fotis, veery very much 😀 just one more question, why my about_me photo is blurry, it is very large 884x1000px, and I think it should show it in hd resolution and not make lower quality?

    Fotis

    (@markwaregr)

    Hi there,
    if you are using Photon (from Jetpack) it will scale and blur the image. I suggest using 200x200px for your avatar.

    Thread Starter arjentic

    (@nejra993)

    I’m not using Photon, but I think it should not blur image even if it is larger size, it should show it in HD resolution? Like on this page https://byhaticekubra.com/

    Fotis

    (@markwaregr)

    Hi there,
    The image itself is not clear, but even if it was the browser tries to scale it from 1800×1800 to 200×200 pixels and this will certainly affect the way the image looks. Please try 200x200px image instead.

    Thread Starter arjentic

    (@nejra993)

    ok fotis, I’ll try to resize with photoshop, and one more question: why did featured image on my new post cut height of image :/, old posts are ok and heights are set default, as images are but the last one just made some mess 😀 thank you for your answers and please, help 😀

    Fotis

    (@markwaregr)

    Hi there,

    you can change the thumbnail size by opening functions.php and changing

    
       set_post_thumbnail_size( 665, 435, true );
    

    to

       set_post_thumbnail_size( 665, 99999, false );
    

    then install the Regenerate thumbnails plugin, activate it and go to Tools > Regen. Thumbnails to run a regeneration in order for the change to be applied.
    Use the default editor if you have the latest WordPress version and navigate to the /themes/olsen-light/ folder to find the file.

    • This reply was modified 6 years ago by Fotis.
Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘full width – max width images in containers’ is closed to new replies.