Text layout gets fumbled in all text imput fields (visual is fine, result is not)

Hi,

Thank you for getting in touch with us.

The behavior described in your question is the default for such fields and, unfortunately, is not affected by the theme you are using. Therefore, it is not something we can modify on our side.

In your case, we recommend addressing the situation as follows:
– To add spacing between paragraphs, you can use the
tag https://www.w3schools.com/tags/tag_br.asp and https://www.geeksforgeeks.org/html/html-nbsp/
– To create indentation from the left edge for lists, you can apply the CSS code that we will provide.

.woocommerce-tabs .panel ul {
    padding-left: 50px !important;
}

If you notice any other inconsistencies or wish to implement additional styles, please describe the desired outcome, and we will be glad to assist you in achieving it.

Best regards,
8Theme Team

Hello @Bas Kling,

We have tested the same situation for excerpt field on product using the default theme, and below are the detailed results of the mentioned request:

1. We created custom content with a paragraph and a heading (https://gyazo.com/841ede5bbcd3182625a0dcce46271612). Indeed, when switching between the Visual and Code tabs, the same issue occurs, as the paragraph tags are removed.
2. In the Visual Editor, we added a list with items for testing purposes (https://gyazo.com/1ba91870d815609e5a8489386da41009).
3. We checked the frontend, and any line without a tag is recognized as a paragraph, so such lines are automatically wrapped in a “p” tag (https://prnt.sc/3kfr6L9pVKR6).
4. The same modification applies to excerpts or any other content added in the WordPress editor when using our XStore theme (https://prnt.sc/tCQeQD6NYxXx).

Based on the above, please do not worry about the absence of paragraph tags in these areas. However, regarding the specific section within the tabs, there is an issue where empty lines are not wrapped in paragraph tags as in previous excerpt area. We have already implemented a fix in our files, and this improvement will be included in the next theme update. Additionally, we have added the improves in same files on your web-site and also the following lines were added to your “child-theme/functions.php” file:

add_filter( 'etheme_single_product_tab_content', 'wpautop' );
add_filter( 'etheme_single_product_custom_tab_01_content_filter', 'wpautop' );

Please note that we recreated the same content on our local website (https://prnt.sc/lW8Bon-AgxSj), and the solution implemented in “child-theme/functions.php” (https://prnt.sc/Uh4Zwd657m_N) worked successfully on the single product frontend for Single product custom tab content (https://prnt.sc/h7XZO1OMFgrc). However, we still do not see any changes on your website, which might be caused by the use of a CDN. We kindly ask you to clear the caches and check again. If the issue persists, please temporarily disable the CDN so that we can recheck the situation.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Bas Kling,

Thank you for checking. It should work correctly on the frontend; however, as we have already mentioned, such paragraph tags will be lost after switching in your editor.

We previously asked you to temporarily disable the CDN, but as we can see, it is still active on your website: https://prnt.sc/q5e2PrXyiEkD. If you have any server caching enabled, please disable it as well.

Additionally, we attempted to log in to your FTP account, but the access details you previously provided were incorrect. We would appreciate it if you could share the correct credentials so that we can verify whether the changes have been properly applied to your files.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Bas Kling,

Could you please verify whether the access details you provided are correct? We are encountering fatal errors when attempting to connect (please see the attachment in the private area).

On a positive note, we discovered using the current wp admin access that an additional filter was missing to be added by us in one of the modified files on your website. Since multiple files had been changed, we have now implemented this improvement, and the content is properly wrapped in paragraphs. You can review the result here: https://prnt.sc/zrjoPrVi8z_E.

Please check and let us know if everything is working correctly.

Best regards,
Jack Richardson
The 8Theme Team

Hello @Bas Kling,

The mentioned changes have been applied only to the content within the single product tabs as mentioned filters (https://www.8theme.com/topic/text-layout-gets-fumbled-in-all-text-imput-fields-visual-is-fine-result-is-not/#post-465030) are filtering the content only of tabs and not across pages. Additionally, we have checked several pages, and the paragraphs are displayed correctly on the frontend via web inspector: https://prnt.sc/Q1vudbiLNweH. However, as you can see, there is a custom style that removes the spaces between paragraphs: https://prnt.sc/muWjDR5J190i. This CSS was not added by us but possibly by you or one of your developers, so you can remove it to restore the proper spacing (https://prnt.sc/5hCVJflt_VxL).

If you experience any issues on specific frontend pages, please provide the corresponding URLs so that we can review them from our side.

Also, could you please confirm whether the content in the tabs is now displayed correctly with the proper tags?

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Bas Kling,

To assist you in improving the spacing, please attach an example product and provide screenshots indicating which spaces you would like to reduce. This will allow us to provide you with the correct CSS classes.

Regarding the form.cart, according to WooCommerce requirements, the product attributes, variation stock and the “Add to Cart” button should be placed within a single html form tag. If you need to reduce the spacing, you can do so using custom CSS, as we provide global types of layouts that can be used on most web-sites but if you need anything more specific you can ajust your design with custom CSS.

Best regards,
Jack Richardson
The 8Theme’s Team