Site logo

[Resolved] Archive pages Image size & Changing Margin/Padding of content area

Home Forums Support [Resolved] Archive pages Image size & Changing Margin/Padding of content area

Home Forums Support Archive pages Image size & Changing Margin/Padding of content area

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2288237
    Sandip Dedhia

    I have two queries, I recently started setting our blog theme on Generatepress, for this I have selected Volume child theme from site library, now the first issue I am facing is, despite setting image width and height in post archive template, I still see random image size for feature images on homepage.

    Reference images,
    Image Size
    Image size issue

    My second query is how do we go about changing margin/padding of the content area, I meant to ask whats the best solution to do that.

    margin padding

    Thanks.

    #2288273
    David
    Staff
    Customer Support

    Hi there,

    the image sizes won’t crop and squeeze your image proportions.
    If the height is the issue, then just define the height.

    IF you want to ‘crop’ the image then it will require some CSS.

    Can i see the site ? And i can look at your second issue to.

    #2288285
    Sandip Dedhia

    Thanks David,

    You can visit the site at https://wordpress-151866-1907361.cloudwaysapps.com/

    #2288292
    Sandip Dedhia

    It is possible to have any other solution than CSS, as I understand correct CSS solution will still load whole image and will affect the site loading speed.

    #2288307
    David
    Staff
    Customer Support

    For resizing the images, you have three options:

    1. Replace the image
    This is the best option

    2. Use CSS to resize it.
    This if you don’t set attachment sizes can lead to the browser loading a large image.

    3. Register a new image size in WP that crops them all to the size you require.
    This method means you add another img file to your database for every Image on your site. And you will need to force just that image to load, so no src-set sizing.

    Options 2 and 3 don’t give you any control over the positioning of those images. So for some images it may look fine, for others it may not.

    Heres the CSS method, so you can see what 2 or 3 will do:

    .generate-columns-container .dynamic-featured-image {
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    Adjust the aspect ratio to suit.

    The spacing, you can reduce the Padding or Spacing in Customizer > Layout > Container.

    #2288309
    Sandip Dedhia

    Thanks a lot David,

    Few more things,

    1. How to add numbered pagination (1,2,3..,100,101) on home/category/author pages.
    2. How can we show posts from selected category on homepage
    3. How to show Related posts on single post pages.

    #2288416
    David
    Staff
    Customer Support

    Can you raise a new topic for each unrelated question.
    It will allow us to resolve this one, and it will make it easier for you and others to find the answers in the future

    #2288456
    Sandip Dedhia

    Will do it, Thank you!

    #2288621
    David
    Staff
    Customer Support

    You’re welcome

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.