Details background

  • Resolved satarielxx

    (@satarielxx)


    3 years, 11 months ago

    Hi,
    i have some issues with my details products.

    The products image is not in the middle of the square. Also i want to have the background of these images in black because i can handle it in white. I can manage it with css but only for one item.

    Any hints to use it via css for the whole items and not for only one?

    Sorry for my english its not so perfect :/

    thx and regards

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support jaysupport

    (@jaysupport)

    Hi satariel,

    Judging by the source code of your page, it looks like you added in custom CSS to make the width of the image container 377px. But you didn’t add CSS to adjust the elements inside it. You would need to also add CSS for the image, to make it fit correctly in the container for which you’ve changed the width. For example:

    .upcp-tabbed-main-image-inner img {
width: 377px;
}

    For the black background, you could try:

    .upcp-tabbed-main-image-div {
background: #000;
}
    • This reply was modified 3 years, 11 months ago by jaysupport.
    • This reply was modified 3 years, 11 months ago by jaysupport.
    Thread Starter satarielxx

    (@satarielxx)

    ok thx for help and reply ??

    other thing:
    https://www.trauermitherz.at/designerurnen/product/10502/?

    on mobile the detail picture isnt scaled and didnt look good…

    Also the pic isnt in the center because on my phone i have on the left side some space and on the right the picture ends without space.. :/

    Thx and regards

    Plugin Support jaysupport

    (@jaysupport)

    Hi satariel,

    You can use the following Custom CSS to solve the scale issue. You can paste the Custom CSS into your Catalog’s Custom CSS box by going to the Catalogs tab > Selecting your Catalog > Scroll down to Custom CSS box.

    .upcp-tabbed-main-image-inner img {
    width: auto !important;
}

    As for the left side issue, what mobile device and browser are you using? We would like to provide the exact Custom CSS needed to solve it.

    • This reply was modified 3 years, 11 months ago by jaysupport.
    • This reply was modified 3 years, 11 months ago by jaysupport.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Details background’ is closed to new replies.