Site logo

Archived topic

How to center product description text

11 replies · Started by xinghui on September 5, 2022

Viewing posts 1–12 of 12

I want to center the content text of my product details and extra information, how can I do it?
here is my image:
image

I provide in private

From my end, that section is centered.

To clarify, do you want the text and images to be centered?

yes,I want the text and images to be centered

You can try adding this CSS:

div.woocommerce-Tabs-panel {
    text-align: center;
}

Fernando,Thank you, the problem is solved. Finally, I want to add a horizontal separation line on the top of the product tab to separate the tab from the top. How can I do it?
this is my image:https://i.postimg.cc/N0qxX02M/seppttttt.jpg

You can try this CSS:

.woocommerce-tabs.wc-tabs-wrapper:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #006600;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
}

.woocommerce-tabs.wc-tabs-wrapper {
    padding-top: 30px;
    position:relative;
}

You may alter the values to your preference.

Ok, thank you, I want to implement such a function, click this label to display the text content, click again to hide the content, I want to know if generatepress blocks can achieve this function
E.g image:
E.g url:https://www.lovehair.com/products/ultimate-bundle

Hi Xinghui,

No, GenerateBlocks doesn't have such a functionality. You will need a third party plugin or custom code to achieve that.

Ok, are there any good plugins or custom code examples to recommend?

This archived topic is closed to new replies.