Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 13, 2020 at 6:55 pm #1172898
    gb

    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:

    Home

    Thanks,

    GB

    January 14, 2020 at 9:35 am #1173137
    Rikard

    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

    January 15, 2020 at 1:27 am #1173758
    gb

    Sure, for example:

    Home

    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:

    Georgie Leahy

    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, 10 months ago by gb. Reason: added a second example
    January 15, 2020 at 10:03 am #1173869
    Rikard

    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

    January 15, 2020 at 7:13 pm #1174644
    gb

    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:

    Georgie Leahy

    January 16, 2020 at 10:20 am #1174822
    Rikard

    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

    January 16, 2020 at 5:52 pm #1175141
    gb

    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?

    January 17, 2020 at 7:18 am #1175263
    Rikard

    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

    January 17, 2020 at 9:51 pm #1175684
    gb

    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, 10 months ago by gb.
    January 18, 2020 at 9:05 am #1175782
    Rikard

    Hi,

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

    Best regards,
    Rikard

    January 18, 2020 at 6:04 pm #1175881
    gb

    OK, I will try that for now, thanks!

    January 19, 2020 at 5:06 am #1175962
    Rikard

    Hi,

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

    Best regards,
    Rikard

  • Author
    Posts
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.