[Resolved] Layout problems

[Author]

Posts

[nickK-7]

Tell us what you are trying to do?
Several things: i would like to justify the content of some elements and it seems not working, also, i would like to add text before the output of a single field. I see no option to do this via gui and if i try via html the gutenberg block editor gives an error. Further the page width starts at the screen side, i gave padding to the elements, but is this the way? Because when i add a border, this starts also on the side of the screen, not near the content. When i add a divi block via gutenberg it repeats all global headers i made and when i add a footer, the content is loaded but background and other mark up is not loaded correctly. Can you give advise on each item please?

Is there any documentation that you are following?
I tried searching on google and video's provided by toolset but i'm stuck and have a deadline.

Is there a similar example that we can see?
i can send screenshots in private if possible.

What is the link to your site?
Site is under development.

[Luo Yang]

Hello,

Please check these:
1) What kind of error do you get when use the gutenberg block editor?
Please copy/paste the error message, or take a screenshot for it, where does it come from? Toolset plugin or other plugin?

2) Make sure you are using the latest version of Toolset plugins, you can download them here:
https://toolset.com/account/downloads/

3) In case it is a compatibility problem, please deactivate all other plugins, and switch to wordpress default theme 2021, and test again

4) Also check if there is any PHP/JS error in your website:
https://toolset.com/documentation/programmer-reference/debugging-sites-built-with-toolset/

[nickK-7]

Hi,

There is no real error other than "block repair" after editing a toolset block in html code, I would like to know how I add things and adjust things ass apparently there is no longer support for Divi 4. Normally I don't use Gutenberg as it's not flexible to design. Latest version of Toolset is in use.

I would like to know:

1) justify the text of some elements (I can arrange to left, right, center but not justify)
2) add text before the output of a single field. For example: Trainer: [Toolset custom field output]
3) give padding left and right, top and bottom to set the width of the whole page
4) an added Divi block in gutenberg repeats all global Divi headers in the editor is this normal as the site contains on every page the same Divi global header with page name loading via the database?
5) when i add a Divi footer via Gutenberg Divi Block, the content is loaded but background and other mark up is not loaded (divi footer is also a global divi module).

Also can i change the border color an background color of element based on user selection in de backend when inputting a new asset via the custom fields I made? I made radio buttons with hex codes to achieve this. Is this also possible with a background image?

As you can see i need a little help on layouting with Gutenberg in combination with Toolset. I would be gratefull if you can help me.

Best regards

[Luo Yang]

There are lots of questions in this thread, I am trying to answer them one by one:
1) justify the text of some elements (I can arrange to left, right, center but not justify)

You can try Toolset Grid block, see our document:
https://toolset.com/block-item/grid/

2) add text before the output of a single field. For example: Trainer: [Toolset custom field output]
You can add a Toolset Grid block, two columns, one display text, one display the single field block.

Or you can add a shortcode block, and display the text + field shortcodes:
https://toolset.com/documentation/user-guides/views-shortcodes/
https://toolset.com/documentation/customizing-sites-using-php/functions/

3) give padding left and right, top and bottom to set the width of the whole page

Toolset Content Template works in the content area, for the whole page, you will need to find and edit your theme file for the whole page, customize it to what you want.

4) an added Divi block in gutenberg repeats all global Divi headers in the editor is this normal as the site contains on every page the same Divi global header with page name loading via the database?
Is this problem related with Toolset plugins?
Please try as I mentioned in my first answer:
https://toolset.com/forums/topic/layout-problems/#post-1891255
Check the compatibility issue in your website

5) when i add a Divi footer via Gutenberg Divi Block, the content is loaded but background and other mark up is not loaded (divi footer is also a global divi module).
Same as question 4), please check the compatibility issue in your website

6) Also can i change the border color an background color of element based on user selection in de backend when inputting a new asset via the custom fields I made? I made radio buttons with hex codes to achieve this. Is this also possible with a background image?
No, there isn't such kind of built-in feature within Toolset plugins, you might consider custom codes, change the CSS styles when user change the options value of the radio buttons:
hidden link