Return to previous page

Html Block CSS Probem Produkt Page center positon

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

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.

#347455 Copied Theme version: Version: 9.0.4 WooCommerce version: Version 7.4.0

5 Answers

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

#347463 Copied

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

#347679 Copied

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

#347701 Copied

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 🙂

#347741 Copied

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

#347748 Copied
Tagged: best selling, block, center, html, position, product, themes, woocommerce
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

Html Block CSS Probem Produkt Page center positon

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection