Home Forums Mint Theme Discussion & Support Image Width=** Does Not Work

This topic is: resolved

This topic contains 4 replies, has 2 voices, and was last updated by  yoyaoh 4 years, 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2959

    yoyaoh
    Member
    Post count: 20

    I have pages with images where I alter the “width=” command to resize images.

    In the example below, I have set “width=300” but when I view the page, it shows the full image size:

    <img class="size-full wp-image-1169 align= aligncenter" src="http://localhost/site/wp-content/uploads/2011/12/logo.png&quot; alt="" width="300" />

    I have many Pages that were created with a previous Theme and for me to go through each page and upload the images again will be a big pain.

    What can I do?

    #2961

    themeweaver
    Keymaster
    Post count: 730

    This is because it is a responsive theme. So image widths are removed and max-width set to 100%.

    This may take some getting used too but this is necessary for images to scale appropriately on smaller devices.

    You shouldn’t use the width attribute to resize images anyway. WordPress creates smaller images to use in post that can also be inserted.

    #2962

    yoyaoh
    Member
    Post count: 20

    Understood. So when I “Insert Images” into Pages and Posts, what options should I select for “Size”?

    There’re 4 options and they all set the sizes:

    Thumbnail (150×150)
    Medium (300×103)
    Full Size (597×205) [or whatever the original size is]

    #2963

    themeweaver
    Keymaster
    Post count: 730

    It depends how you want them displayed. All options can be used, but the size you choose to insert will then be the maximum size the image will show.

    In fact even with your previous theme you were inserting them in a non-optimum way since users were downloading the full sized image.

    With this responsive theme:

    If you want a full width image then insert the original or Large size and the theme will let it fill space available.

    If you are wanting an image to be wrapped by text then choose medium or thumbnail.

    If image is larger than available space, it will fill that space.

    #2964

    yoyaoh
    Member
    Post count: 20

    Ok thanks!

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

You must be logged in to reply to this topic.