Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1172898

    When I use the 1/3 layout element to put image in center , it is too small.

    When I use the 1/1 layout element, the image is too big?

    How do I center an image that is the size I like which is when I am using the 1/2 layout element?

    Link for reference:

    Thanks,

    GB

    #1173137

    Hey gb,

    Which of the images on your site are you having problems with? Could you post a screenshot of the issue?

    Best regards,
    Rikard

    #1173758

    Sure, for example:

    The top image under Beautiful Angel is a video file that is centered by using the 1/3 layout element to get the video media element centered. But by doing this , the image / video is smaller than I would like. I prefer the size of the video / image when I use the 1/2 layout element BUT I can not get the video / image to be centered that way.

    An other example would be on this page:

    Where I am using the Product slider to feature a product for sale but I do not know how to center it? If I use the 1/3 layout element, the image will become smaller and I prefer the size it is now when viewed on a desktop.

    • This reply was modified 4 years, 2 months ago by gb. Reason: added a second example
    #1173869

    Hi,

    Thanks for the clarification. Maybe you could use a 1/5 – 3/5 – 1/5 layout instead? If that is not what you are looking for either then please try to explain specifically what changes your would like to make to which element.

    Best regards,
    Rikard

    #1174644

    Hey,
    The 1/5 – 3/5 – 1/5 layout idea worked great for my home page thank you for that!
    However I still can not center my featured print (product) which is the right size but not centered. The problem is in part because I am using the Product slider as I know no other way to present a single product on a page.

    Do you have an idea on a better idea of how to feature a single product?

    Here is the link for reference:

    #1174822

    Hi,

    Thanks for that. It looks like that grid is supposed to hold 2 products? If you want to display that full width instead then you can try something like this in Quick CSS:

    .shop_columns_2 .products .product {
        width: 100%;
    }

    Best regards,
    Rikard

    #1175141

    Hi,
    Actually I just want the product to be the size it is, just centered on the page.

    It is true that I am using a slider that is meant to hold at least two products or more, I did that because it is the only way I could figure out how to feature a single product.

    So is there a way to just feature a single product in the center of the page?

    #1175263

    Hi,

    Ok, please try this CSS instead:

    .shop_columns_2 .products .product {
        width: 0;
        max-width: 0;
    }
    
    ul.products li.first {
        width: 49.5%;
        display: table;
        margin: 0 auto;
    }

    Best regards,
    Rikard

    #1175684

    Ok, thanks.

    I guess there is no other way using the layout builder options to feature a single product then to use code to modify a slider?

    • This reply was modified 4 years, 2 months ago by gb.
    #1175782

    Hi,

    Thanks for the update, there’s no possibility for that at the moment unfortunately.

    Best regards,
    Rikard

    #1175881

    OK, I will try that for now, thanks!

    #1175962

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to adjust the size of image when using the layout builder?’ is closed to new replies.