How to center product tags on a custom product page?
-
I changed the product tag size to 85% and wanted to center it, but it didn’t work after I set it.
Attachments:
You must be
logged in to view attached files.
Hello,
There is no native option to center the Product Tabs block when using a custom width, because this widget is not wrapped in a flex container.
Navigate to Layouts > Edit Single Product layout.
Place the Product Tabs widget inside a Container
Control width and alignment from the layout itself
Follow this guide: https://xtemos.com/docs-topic/container-row-and-columns-blocks-configuration/
Best Regards,
Hello Aizaz lmtiaz Awan,
I’d like to ask you another question: I can’t locate the divider for the product page in the left-hand list, and I want to adjust its width. Please refer to the attached image when addressing this issue.
Attachments:
You must be
logged in to view attached files.
Hello Aizaz lmtiaz Awan,
I also wanted to check in about this: the spacing in the outlined section is too large. How can I adjust it to make it smaller?
Attachments:
You must be
logged in to view attached files.
Hello,
01. For the divider width, By default, all page content has width restrictions set in theme settings. To stretch the content beyond the main wrapper and set it to the full width of the screen, the Full width section block is used. After adding the block to the page, you’ll have a choice between blocks that will wrap the content of the section. This can be a Row, Container, or Blank.
Please follow this guide: https://xtemos.com/docs-topic/full-width-section-block-configuration/
02. For the spacing before description, edit the frequently bought together block and remove the bottom padding:
https://ibb.co/8nknbjn5
Best Regards,
Hello,
It seems you didn’t fully grasp my question regarding the divider. What I actually mean is that I can’t select this divider to adjust its settings.
I checked the Gutenberg list and found that this divider isn’t included there, so there’s no way to select it and configure its settings.
Hello,
Sorry for the inconvenience. I’ve checked your page, and this line is not a Divider block. It is actually the border of the Row block used in the Gutenberg single product layout.
That’s why you don’t see a separate Divider in the block list and can’t select it individually.
To adjust or remove it, please follow these steps:
Edit the Single Product Layout > Select the Row block that contains the content and in the Style tab, check the border.
See Screenshot for better understanding: https://ibb.co/XrfGjtGD
Best Regards,
.
