Html Block CSS Probem Produkt Page center positon

This topic has 6 replies, 3 voices, and was last updated 1 years, 9 months ago ago by Tony Rodriguez

  • Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    February 19, 2023 at 13:41

    hello all,

    I have a question …

    can you tell me what I have done wrong… 🙁

    I have included the code in the html block and CSS Cutomizer

    but the element in the screenshot marked red : is slightly shifted to the right and not centered in the middle …. Can i maybe tell me what the bug is ?

    Thank you and have a nice Sunday

    My CSS. Code
    `.layout {
    width: 100%;
    height: 100%;

    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;

    justify-items: center;
    }

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 19, 2023 at 15:29

    Dear Oliver Theiß,

    We hope this message finds you well. In regards to the content displayed in the screenshot https://prnt.sc/YsbijcYvGU2z , we recommend that you create a static block using Elementor to achieve the desired result. Once you have created the static block, you can add the shortcode of the block into Single Product Builder > HTML-Block 1 > Text area.

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

    Kind Regards,
    8theme team

    Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    February 21, 2023 at 17:29

    hello Rose,

    thank you very much for your quick reply. I got it fixed with auto margin. I want to avoid elementor because of the loading time. and it was only about centering the section.

    ——————————————————–
    Two other things… I can’t get the CSS code here with the Google developer tool….. The color of the cross should be blue… something overwrites the color and it is not visible… See V1 Image

    the second thing … my home page was yellow in teh past .. you had also helped, but i changed everything to white and made the design a bit cooler… only on the home page it is yellow now… and it need also to bei white……..

    I need some help here to fx it… on the homepage :(((


    lg Oliver

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 22, 2023 at 06:09

    Hello Oliver Theiß,

    1. We are pleased to inform you that your issue has been resolved. Please clear your browser cache and check your site again. The issue was caused by the CSS you added in the Theme Options, which we have now commented out. Please refer to the screenshot provided at the following link: https://postimg.cc/WD6njpCF

    2. We have checked our end and the home page is displaying correctly. To provide further assurance, we have included screenshots of the desktop and video of the mobile versions of your site: https://postimg.cc/rDyygfTB https://www.veed.io/view/0d2f8c9f-f00d-4580-b865-8cbb17df0894?sharingWidget=true&panel=share
    It appears that this may be a cache issue on your end. We suggest that you try clearing your cache and then check again.

    Best Regards,
    8Theme’s Team

    Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    February 22, 2023 at 13:47

    Hi Tony,

    thank you. Yes, I had thought it was a chaching problem.
    Thanks for your help 🙂

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 22, 2023 at 15:05

    Dear Oliver Theiß,

    We are delighted to hear that our proposed solution was able to assist you in resolving your issue. Please do not hesitate to contact us again if you require any further assistance.

    Thank you for reaching out to us. We wish you a pleasant day.

    This matter is now closed.

    Best regards,
    8Theme’s Team

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

The issue related to '‘Html Block CSS Probem Produkt Page center positon’' has been successfully resolved, and the topic is now closed for further responses

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.