• Resolved joyfully

    (@joyfully)


    I resize images in the Celebrate theme on pages. They look okay on the page, but when I preview them or publish them they don’t stay the same size. They end up being much larger.

    It’s not any plugin that’s affecting it as I deactivated the plugins and it still does the same.

    Is there anything I can do to fix this?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Theme Author Han

    (@hwijaya)

    If you mean feature images, please go to Appearance > Theme settings and set the featured image size

    Thread Starter joyfully

    (@joyfully)

    Thanks Han, but no, I’m referring to images I upload into Media then attach to a page. Once on the page I resize them to how I want them to look – but when previewing them or after publishing them, they remain at the original size. In wordpress they look fine, but on the published site they are still at the original size. Is there anything I can do?

    Thread Starter joyfully

    (@joyfully)

    Thanks Han, but no, I’m referring to images I upload into Media then attach to a page. Once on the page I resize them to how I want them to look – but when previewing them or after publishing them, they remain at the original size. In wordpress they look fine, but on the published site they are still at the original size. Is there anything I can do?

    Theme Author Han

    (@hwijaya)

    when you add image via “add media” button, before inserting the image into post / page, there is a size option in the right panel that you can choose. Also, make sure the image is successfully re-sized. I don’t think it’s theme issue (try switch to default theme)

    Thread Starter joyfully

    (@joyfully)

    Thanks Han. However, I use the exact same images on other websites with different themes such as Sliding Door theme, Twenty Ten, Twenty Eleven and Twenty Thirteen, but I don’t have this problem with them – only the Celebrate theme. I upload and insert the images onto the pages exactly the same way. With resizing them on the page itself, I only have trouble with Celebrate theme previewing and publishing the images as though I never resized them on the page. The only thing I can do at the moment is to resize the images to the exact size I want before uploading them – but this is a lot of work.

    Theme Author Han

    (@hwijaya)

    Can you provide your site url and the page where I can see the issue?

    Theme Author Han

    (@hwijaya)

    I don’t see any issue on Celebrate theme preview. It can display image of any size without issue.

    Thread Starter joyfully

    (@joyfully)

    Here is the webpage that it is happening on (Celebrate theme):

    Here is one of my other websites where I uploaded exactly the same images and resized them on the page to the same sizes as the Celebrate theme. This theme is Sliding Door:

    As you can see, the sliding door theme displays the images correctly, but with the Celebrate theme, even though they appear okay on the wordpress page, they display as the original sizes before resizing them on the wordpress page.
    The version of the Celebrate theme I am using is 0.2.7. I am using both themes with WordPress 3.6. It is definitely not the plugins. I tried it without any plugins and it still did the same.

    I appreciate all your help.

    Thread Starter joyfully

    (@joyfully)

    The links didn’t work on my post. The Celebrate theme page is:
    <a href="https://decorativepainter.com.au/about-us/articles"><\a>

    and the sliding door theme page is:
    <a href="https://lancasterpaintersaustralia.com.au/about-us/articles"><\a>

    Thread Starter joyfully

    (@joyfully)

    I have tried adding the same image to a page twice – leaving one as the original size, and resizing the second one much smaller. When I preview the page, they appear the same size – both appear as the original size.

    Theme Author Han

    (@hwijaya)

    I see issue. Please remove “height: auto !important “
    from style.css line 335

    img {
    height: auto !important;
    max-width: 100%;
    width: inherit;
    }

    Thread Starter joyfully

    (@joyfully)

    Thank you Han – it worked!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Resizing Images’ is closed to new replies.