This topic contains 7 replies, has 2 voices, and was last updated by  Skandha 3 weeks, 2 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #148022

    pastonchase
    Participant

    Hi

    My development site is http://laplacev4.paston3.webfactional.com

    The 3 featured content images are all sized as width=560 and height = 976 but are displaying much smaller – is there a optimum size I should be using?

    Thanks

    Malcolm

    #148058

    Skandha
    Participant

    @pastonchase: You seem to be using a lot smaller size of image. Please check out the recommended image size in this link.

    Let me know if this helps you out.
    Kind Regards,
    Skandha

    #148064

    pastonchase
    Participant

    Thanks for the link and the recommendation of 400 * 225

    Is there any css I can use to increase the height of the featured content image but keep the same width – my images are 400 * 690

    Kind regards

    Malcolm

    #148070

    Skandha
    Participant

    @pastonchase: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .featured-homepage-image img {
         height:250px;
    }

    You can adjust the height according to your requirement.
    Let me know if this what you want.
    Kind Regards,
    Skandha

    #148072

    pastonchase
    Participant

    Thanks Skandha

    I resized all the 3 images to be 400 wide and 650 high and added the css to be:

    }
    .featured-homepage-image img {
    height:650px;
    }

    but I seem to be just getting a “slice” of the whole image (there should be some writing at the top of each image – about 150px high).

    I’ve updated the development site so you can see it if required.

    Thanks again

    #148193

    Skandha
    Participant

    @pastonchase: The original size of the images you have used in 400*225px and you are trying to stretch it to a height of 650px that is the reason the images are not showing up well. To get the image to show up properly I suggest you to maintain similar aspect ratio with respect to the original size of the image.

    Let me know if this helps you out.
    Kind Regards,
    Skandha

    #148308

    pastonchase
    Participant

    Thanks for replying.

    I’ve reverted to just using regular size thumbnails (400*157), and will go with slightly different design layout.

    When I tried using 400*650 and the css they come out stretched (as you point out).

    But if I right click on the image it says the actual size is 172*300, which is not what the actual featured image size is. The images I was attaching to the pages were definitely 400*650.

    So I think WordPress is somehow getting involved “auto changing” the size – is it possible that the media size settings in the admin are effecting things?

    Thanks

    Malcolm

    #148459

    Skandha
    Participant

    @pastonchase: When you upload the image similar to the recommended size or of the same aspect ratio it will automatically scale the image so that it shows up in the best way possible.

    Let me know if this helps you out.
    Kind Regards,
    Skandha

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

You must be logged in to reply to this topic.