This topic has 6 replies, 3 voices, and was last updated 1 years, 9 months ago ago by Tony Rodriguez
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;
}
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
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
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
Hi Tony,
thank you. Yes, I had thought it was a chaching problem.
Thanks for your help 🙂
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
Tagged: best selling, block, center, html, position, product, themes, woocommerce
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