• Resolved xprt007

    (@xprt007)


    Hi there

    I have made a couple of WordPress sites using normal, old school text editors and the page creation sytem, which I am comfortable with, but not using the new Gutenberg Block system, which right from the beginning found too cumbersome to learn and use.
    For the described problem, using the old system quickly solves the problem, but one is obligated to use the Block system in this case.
    A friend urgently needs to create a site for a school project using this Kadence theme, but has problems having to format each paragraph with this “Justify” text alignment, which is quite cumbersome.
    He further said, whenever he tries formating each paragraph that way, it causes some problem, probably the with navigation or some other menu or other layout issue, I do remember as of now.
    The site unfortunatey cannot be viewed publicly yet to see what problem he is having.

    My request is for advice on how to apply this page content “justify” across similar block content on a page for the whole site without having to format each paragraph/block separately. As much as I know, he needs this for page content, which if I am not mistaken is created in blocks(?).
    Using the Classic Editor + Advanced editor tools plugins, this would easily be solved by selecting all that page’s content and clicking the “Justify” button, which he cannot use in this Gutenberg Block sytem case (or can he & if so exactly how?).

    Not being a coder, could someone please use a simple explanation on how to achieve this?
    Also not being conversant with this Gutenberg block system, can one apply under the theme’s Customizer => Additional CSS some custom style to deal with this as said, impose “justify” to page content in blocks and if so, exactly what style would have to be added?
    I would very much appreciate your kind and specific solution to this.

    Thank you in advance

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter xprt007

    (@xprt007)

    Clarification: Exactly which selectors would one need to add to “Additional CSS” of the Kadence Theme using the Block system?

    #content .entry-content {text-align:justify;}

    The above style instantly works for the Spacious Theme on my site NOT using the Block system, but the old system with classic editor & co. If I change the theme to Kadence & NOT the Block system, they do not work. I did not try Gutenberg, because I’m not conversant with it.

    I suspect that is because the selectors are called something else in the Kadence Theme & if so, exactly what, … or not?
    In any case, I would appreciate what works for formatting the text-align content of ALL page content for a site based on the Gutenberg-based Block system.
    Kind regards

    • This reply was modified 1 year, 4 months ago by xprt007.
    Thread Starter xprt007

    (@xprt007)

    Update to above posts to Kadence support with what another person suggested:

    I would recommend contacting their support forum for clarification: https://ww.wp.xz.cn/support/theme/kadence/ – some themes offer global settings for individual blocks (which is already available in the site editor anyway through Gutenberg under Apperance > Editor > Styles > Blocks), which would make this possible without any individual CSS code. Enabling solutions without code is a goal of the Gutenberg project, which I think could easily be done here.

    I would appreciate your help to ultimately get the simplest method for all text content on pages to be if possible automatically aligned to “justify” and explained in simple terms to a block newbie – just easily as it is with the Classic Editor + Advanced Tools Editor.

    Best regards

    Hello

    I have a website with pages, not a blog.
    The css code does not work for me, could you please give me the code for kadence website so no blog. That would be great.

    Theme Kadence

    Hi @xprt007,

    To justify all the content of a page:

    1. Add a Kadence Section block to the page
    2. In the document overview, move all your blocks inside the Section block
    3. Add this custom CSS to the Section block in the advanced tab: selector {text-align: justify;}

    Here is a screencast for your reference:
    https://share.zight.com/NQunYkPp

    You can do this for the other pages where you want to justify the text content.

    I hope this helps. Please let us know how we can help further.

    Cheers,
    Eze

    Thread Starter xprt007

    (@xprt007)

    @eze
    Thank you for your detailed explanation. I will be personally checking out your solution, being new to the Gutenberg editor, which I think the person who originally needed assistance should be able to read and try out, too.
    I had applied the Justify for Paragraph Block plugin suggested by someone in another forum and it had sufficed on a test site using the Kadence theme.
    Best regards!

    • This reply was modified 1 year, 4 months ago by xprt007.
    • This reply was modified 1 year, 4 months ago by xprt007.
    • This reply was modified 1 year, 4 months ago by xprt007.

    Hi there,

    We just want to follow-up if you managed to resolve this already.

    This topic has been inactive for awhile.

    If you have further questions or need additional assistance, feel free to start a new topic or refer to our Kadence Help Center here: https://www.kadencewp.com/help-center

    Please note that you can also submit a support ticket via these channels.

    Thank you for your understanding!
     
    Kind Regards,
    Michael Taro

    Thread Starter xprt007

    (@xprt007)

    Hi there
    Thank you for getting back.
    The issue was basically solved using the detailed explanation by Eze (@chieze) for the person who originally needed help (klebeband356) and in my case the Justify for Paragraph Block plugin.
    Thank you & best regards

    • This reply was modified 1 year, 3 months ago by xprt007.
Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Applying Justify alignment across block content’ is closed to new replies.