Full-width images in blog posts

  • Posted in : TheBlogger
  • michi
    Participant

    May I ask how this layout is achieved when writing a blog post? –

    http://themes.pixelwars.org/theblogger/default/enjoy-little-things/?sidebar=no

    I really like that some images can be huge, some full-width. Just not sure how to achieve this when you write a post with images. Am I supposed to input codes in the ‘advanced options’ in the image details?

    Appreciate any help. Thanks!

    serkan
    Moderator

    Hi,
    Please, edit images in your content. Add full keyword as a CSS class to your image from advanced options.
    Thanks

    michi
    Participant

    Got it! May I know the other available CSS classes for images? Thank you!

    michi
    Participant

    (e.g. for non-full width images but images wider than the text content, like the one in the linked sample blog post)

    serkan
    Moderator

    Hi,
    You need to use class for just the full width image. For other sizes, you can set them up by advanced options.
    Edit your image, choose: align center and size : full size or other size and update it.
    Thanks

    michi
    Participant

    Trying to set custom sizes but it’s not doing anything.

    How were the different sizing and positions achieved in this post?
    http://themes.pixelwars.org/theblogger/default/enjoy-little-things/?sidebar=no

    Appreciate the support.

    Thanks.

    serkan
    Moderator

    Hi,
    I uploaded a big size image. When I import it, I choose different size from advanced options. If it is not working then try to upload a big size image.
    Thanks

    michi
    Participant

    Tried that. Uploaded a large image, set a custom size, but it’s still displaying as the same width as the body.

    serkan
    Moderator

    Hi,
    Send me your related url, wp admin details and this topic url via our contact form. I will have a quick look.
    http://www.pixelwars.org/contact/
    Thanks

    michi
    Participant

    Sent via contact form. Thank you!!

    serkan
    Moderator

    Hi,
    I added some example in your related post. Please check the 3 (+1) Days in Bohol.
    I went to appearance > customize > single blog > chose overflow feature for the image and saved it.
    Thanks

    michi
    Participant

    Awesome! Thank you!!!

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register