Home Forums Basel support forum Issue with body texts

Issue with body texts

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #35102

    Giulio
    Participant

    Hi there,

    some time ago I asked a way to justify all texts insert inside body field. And this is great. But sometimes I need to center some body field, so how I can do?

    This is the code that you suggest me some time ago:

    .wpb_text_column p {
    	text-align:justify!important;
    }

    Many thanks.

    #35124

    Artem Temos
    Keymaster

    Hi,

    If you want to center some element text you need to take its CSS class and use the following CSS snippet for example

    .element-class {
       text-align: center!important;
    }

    Regards

    #35134

    Giulio
    Participant

    Mh, it’s not working. I added “element-class” inside body text.

    Attachments:
    You must be logged in to view attached files.
    #35139

    Artem Temos
    Keymaster

    Where can we see it on your website?

    #35140

    Giulio
    Participant

    Here!

    Attachments:
    You must be logged in to view attached files.
    #35142

    Artem Temos
    Keymaster

    Try this code

    .single-product-content .entry-content .element-class p {
       text-align: center!important;
    }
    #35145

    Giulio
    Participant

    It still not work 😕

    #35146

    Artem Temos
    Keymaster

    But we don’t see this code added anywhere.

    #35147

    Giulio
    Participant

    I saved the page and deleted the cache. You should to see it…

    #35148

    Artem Temos
    Keymaster

    We still don’t see the code added.

    #35152

    Giulio
    Participant

    Now it works. I was trying to add the code inside Custom CSS settings of a HTML block element 😅 Thank you!

    #35153

    Artem Temos
    Keymaster

    Great, you are welcome! 🙂

    #39413

    Giulio
    Participant

    Sorry, I’d need to center also this. Can you help me please?

    #39473

    Bogdan Donovan
    Keymaster

    Hi,

    By adding this https://gyazo.com/ff3adf9d17f6be5291f0250d2658bcb1 custom code you disabled all align options for text-element paragraphs. Now there is no other way other than using !important rule every time.

    Try to add this HTML in builder text element

    <p style="text-align: center !important;">Nessuno in casa? Scegli un <strong><a href="https://www.ups.com/dropoff?loc=it_IT" target="_blank" rel="noopener noreferrer">UPS Access Point</a></strong>e comunicacelo tra le note nella pagina di checkout.</p>

    Regards

    #39479

    Giulio
    Participant

    It works, great 🙂

    #39495

    Bogdan Donovan
    Keymaster

    You are welcome!

Viewing 16 posts - 1 through 16 (of 16 total)