Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #980112

    I would like to justify the text for this page:

    Can you tell me which code should I use?

    I tried this in the Quick CSS with no results:

    #top.page-id-460 .avia_textblock p {text-align: justify!important; }

    Thanks

    #980121

    Do you mean this text: Rent Lake Como SRL …
    i guess you have inserted it by copy and paste from maybe a word doc ? there is no p tag in that pasted text. it is in a span tag.

    so if you don’t want to influence all avia_textblocks (team element etc) with:

    #top.page-id-460 .avia_textblock {
        text-align: justify !important;
    }

    you have to edit this text-block and copy paste into the text not the visual editor mode, to have there p-tags.

    by the way : justified text can be very ugly – to avoid this there is a nice multilingual plugin called hyphenator.

    #980123

    Thanks @Guenni007 :)

    Actually I was requested by client to justify all text in this page, so within the team members and also the one you refer to.

    Maybe there’s a quick way to do that?

    #980128

    this is what you have inserted i guess via copy/paste on the text:
    so you need to edit that first

    <div class="template-page content  av-content-full alpha units">
    <div class="post-entry post-entry-type-page post-entry-460">
    <div class="entry-content-wrapper clearfix"><section class="av_textblock_section ">
    <div class="avia_textblock  av_inherit_color ">
    <div>
    <div class="WordSection1">
    <div class=""><span class="" lang="EN-US">Rent Lake Como SRL was created to provide high quality rental international services in the Lake Como area.</span></div>
    <div class=""><span class="" lang="EN-US">From apartment or villa rent to particular requests you may have during your holiday, we cover them all.</span></div>
    <div class=""><span class="" lang="EN-US">A young, experienced and creative team is responsible for your comfortable vacation.</span></div>
    </div>
    </div>
    <div>
    <div class="WordSection1">
    <div class=""><span class="" lang="EN-US">We believe that renting a villa or an apartment is a much better value than a hotel room, as it gives you more space for the same price or cheaper and you live like a local or as if you were home. Plus, you have the convenience of an experienced concierge like ours, who can give you any service you need. Enjoy your stay and feel free to contact us anytime.</span></div>
    </div>
    </div>
    </div>
    </section></div>
    </div>
    </div>

    try then :

    #top.page-id-460  {
        text-align: justify !important;
    }
    #980129

    Sorry @Guenni007, I’m not a coder so I didn’t understand what you wrote…

    I simply added a text block and wrote the text in it, but there is no icon to justify the text there, only left, right or center alignment…

    Thank you

    • This reply was modified 6 years, 5 months ago by abortolotti.
    #980133

    PS: This is actually what the text looks like in the text blog text tab:

    <div>
    <div class=”WordSection1″>
    <div class=””><span class=”” lang=”EN-US”>Rent Lake Como SRL was created to provide high quality rental international services in the Lake Como area.</span></div>
    <div class=””><span class=”” lang=”EN-US”>From apartment or villa rent to particular requests you may have during your holiday, we cover them all.</span></div>
    <div class=””><span class=”” lang=”EN-US”>A young, experienced and creative team is responsible for your comfortable vacation.</span></div>
    </div>
    </div>
    <div>
    <div class=”WordSection1″>
    <div class=””><span class=”” lang=”EN-US”>We believe that renting a villa or an apartment is a much better value than a hotel room, as it gives you more space for the same price or cheaper and you live like a local or as if you were home. Plus, you have the convenience of an experienced concierge like ours, who can give you any service you need. Enjoy your stay and feel free to contact us anytime.</span></div>
    </div>
    </div>

    #980200

    I simply added a text block and wrote the text in it

    you did not wrote this to the text input field – my guess is that it is copy/pasted from a different html page and inserted into the text-block alb element.

    this is no normal text – it is styled with different divs , spans etc pp.
    how should a justify influence such a construction. these are all single sentences in different containers.

    this is normal input for a avia_textblock without any divs or spans:

    Rent Lake Como SRL was created to provide high quality rental international services in the Lake Como area. From apartment or villa rent to particular requests you may have during your holiday, we cover them all. A young, experienced and creative team is responsible for your comfortable vacation. We believe that renting a villa or an apartment is a much better value than a hotel room, as it gives you more space for the same price or cheaper and you live like a local or as if you were home. Plus, you have the convenience of an experienced concierge like ours, who can give you any service you need. Enjoy your stay and feel free to contact us anytime.

    The p-tags are set if you make a return on your keyboard (which you do not see even in text editor mode but in source-code they are set.)

    #980445

    Hi,

    Thanks for helping out @guenni007, did you manage to get it working @abortolotti?

    Best regards,
    Rikard

    #980460

    Hi @Rikard,

    No, I’m not able to solve this and I’m quite frustrated because it should be fairly easy…

    I’ll give you the login credentials privately to see if you can maybe chime in and help me out?

    Thank you

    #980467

    Client would like to have the testimonials and the team members text justified as well and I don’t know how to do that.

    Thanks

    #980909

    Hi,

    Thanks for the feedback, please try this CSS to see if you have any luck with it:

    .page-id-460 .team-member-description p, .page-id-460 .avia-testimonial-content p {
        text-align: justify;
    }

    Best regards,
    Rikard

    #981023

    Hi Rikard,

    it worked, thank you!

    You can close the thread :)

    #981206

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to justify text’ is closed to new replies.