[Support request] How to center product description text

[xinghui]

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

[Fernando]

Hi Xinghui,

May you provide the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/?s=private+information

[xinghui]

I provide in private

[Fernando]

From my end, that section is centered.

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

[xinghui]

yes,I want the text and images to be centered

[Fernando]

You can try adding this CSS:

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

[xinghui]

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

[Fernando]

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.

[xinghui]

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

[Fernando]

Hi Xinghui,

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

[xinghui]

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

[Fernando]

Here’s a thread you may refer to: https://generatepress.com/forums/topic/collapsible-accordion-menu/

With regards to plugins, here’s an article I found: https://www.wpbeginner.com/showcase/best-wordpress-accordion-plugins/

[Author]

Posts