Product attributes text layout

Hello

I would appreciate it if we could resolve the layout of informative question marks and colons on the product page.

Thanks & best regads

Attachments:

You must be logged in to view attached files.

Hi excent.business,

Thanks for reaching to us and take our apologies for the long delay in answering.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) and screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Hello

Hi excent.business,

Thanks for details

Navigate to Products > Attributes > edit the attribute and remove it https://prnt.sc/PInlgujqpMgd and the hint (question mark) https://prnt.sc/UtfjUJy6dp8_

Regards,

Hello,
Attributes were deleted, but unfortunately that didn’t help.
Best regards

Attachments:

You must be logged in to view attached files.

Hi excent.business,

I checked and seem you did not remove colon and hint from the attribute, for e.g: https://prnt.sc/ePHYAiD36FrD https://prnt.sc/uwwbyz3L8VI_

Regards,

Hello
Thanks for the suggestion, but unfortunately it doesn’t work.
The suggested attribute was deleted, but unfortunately nothing change.
Please see screenshot attached.
Before deleting the attribute, a backup was created and it will restore afterwards.
If all the attributes are deleted in this test way, then it is a big job to restore them again.
Please consider a different way to arrange the layout.
By the way, some issues of layout of the texts in the attribute area had already been observed before.
Our topic “Why Product Attributes are invisible on product page?” from 24.11.2023.
Please pay attention and maybe it is somehow related.
Thanks & best regards

Attachments:

You must be logged in to view attached files.

Hi excent.business,

It seems you want to display colon and question in the same line on mobile rather than deleting these. If so, please remove Custom CSS in Theme Settings > Custom CSS https://prnt.sc/Rd5G7Yi12qNF

Regards,

Hello,
Fixed the code as per your suggestions but the result is a little bit dual.
When the screen is in a vertical position, the layout of the semicolons and question mark is correct now, but all attribute texts are not visible.
When the screen is in a horizontal position, the layout of the semicolons and question mark is not correct, but all attribute texts are visible.

Attachments:

You must be logged in to view attached files.

Hi excent.business,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile / tablet:

.shop_attributes th {
    width: 50%;
}

Regards,

Hello,
Thanks for the suggestion and it’s done.
If the screens are in a vertical position >>> layout looks perfectly.
If the screens are in a horizontal position >>> issue with layout of question mark and semicolon.
Pictures attached.
Best regards

Attachments:

You must be logged in to view attached files.

Hi excent.business,

Please clear browser cache, cache from plugins and check again.

Regards,

Hello,
Now the layout looks good and I would like to say solved.
Thank you!
But I have one more question. Woodmart version v.7.3.4 is currently installed.
What do you think what will happen if we update Woodmart theme version v.7.3.4. to v.7.4.3.
Changes will be saved?
Best regards

Hi excent.business,

By default, all settings won’t be lost. However, I highly recommend you to take a complete backup of your site before proceeding.

Or create a devsite – also called a Staging platform where you can test issues, enable/disable features/plugins thus such changes will affect the main site. The below article will help you to create it:

https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Please refer to our detailed article https://xtemos.com/docs-topic/update-the-theme/

Regards,

Hi excent.business,

By default, all settings won’t be lost. However, I highly recommend you to take a complete backup of your site before proceeding.

Or create a devsite – also called a Staging platform where you can test issues, enable/disable features/plugins thus such changes will affect the main site. The below article will help you to create it:

https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Please refer to our detailed article https://xtemos.com/docs-topic/update-the-theme/

Regards,

[Author]

Posts