Xstore library not the same as when inserted

This topic has 8 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Rose Tyler

  • Avatar: Jay545452
    Jay545452
    Participant
    February 4, 2023 at 18:47

    I was looking at grid layouts in the xstore library and I wanted this :

    https://prnt.sc/UFgtuFRgkxh9

    You can clearly see it shows the image in a box and the text underneath it. But when you import it it looks like this :

    https://prnt.sc/9q93YxeciJnJ

    The image does not have a box around it and the text and image is in the same space. How do I get it to look like the image library preview

    Thanks

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 08:50

    Hello, Jay545452

    https://prnt.sc/UFgtuFRgkxh9 – it is a screenshot from this demo – https://xstore.8theme.com/elementor/demos/organic01/
    but you imported this one https://xstore.8theme.com/elementor/demos/grocery-market

    https://gyazo.com/0ada13509ee89518f923ba5b1a7e5e1f – images were already uploaded with borders on the demo.
    To add borders for images on your site, the next custom CSS code can be used:

    .content-product .product-content-image img {
        border: 1px solid #e1e1e1;
    }

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind Regards,
    8theme team

    Avatar: Jay545452
    Jay545452
    Participant
    February 5, 2023 at 13:35

    Hi,

    Thank you.

    That worked on the Ajax Product Tabs but doesn’t work on the product grid

    Regards
    Jon

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 13:59

    Hello, Jay545452

    Please provide URL of your site page with the product grid

    Kind Regards,
    8theme team

    Avatar: Jay545452
    Jay545452
    Participant
    February 5, 2023 at 14:12

    You can login with the details in the private area.

    Its the homepage, I have been trying different styles, the first grid on there is the product grid, underneath it is the ajax product tabs but its the product grid I want working. Thanks

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 14:20

    Hello, Jay545452

    Please change the previous code to:

    .content-product .product-content-image img, .etheme-product-grid-image {
        border: 1px solid #e1e1e1;
    }

    Kind Regards,
    8theme team

    Avatar: Jay545452
    Jay545452
    Participant
    February 5, 2023 at 14:35

    Thats great thank you and thank you for replying so quickly even on a Sunday!

    All the best

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 14:43

    Hello, Jay545452

    We would be grateful if you could take a moment to rate our product – https://themeforest.net/downloads – with 5 stars on ThemeForest!

    Kind Regards,
    8theme team

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.