WordPress.org

Ready to get started?Download WordPress

Forums

Celebrate
[resolved] Resizing Images (13 posts)

  1. joyfully
    Member
    Posted 7 months ago #

    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?

  2. Han
    Member
    Theme Author

    Posted 7 months ago #

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

  3. joyfully
    Member
    Posted 7 months ago #

    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?

  4. joyfully
    Member
    Posted 7 months ago #

    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?

  5. Han
    Member
    Theme Author

    Posted 7 months ago #

    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)

  6. joyfully
    Member
    Posted 7 months ago #

    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.

  7. Han
    Member
    Theme Author

    Posted 7 months ago #

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

  8. Han
    Member
    Theme Author

    Posted 7 months ago #

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

  9. joyfully
    Member
    Posted 7 months ago #

    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.

  10. joyfully
    Member
    Posted 7 months ago #

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

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

  11. joyfully
    Member
    Posted 7 months ago #

    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.

  12. Han
    Member
    Theme Author

    Posted 7 months ago #

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

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

  13. joyfully
    Member
    Posted 7 months ago #

    Thank you Han - it worked!

Reply

You must log in to post.

About this Theme

About this Topic