Tagged: Justify
-
AuthorPosts
-
July 2, 2018 at 3:15 pm #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
July 2, 2018 at 3:39 pm #980121Do 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.
July 2, 2018 at 3:42 pm #980123Thanks @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?
July 2, 2018 at 3:53 pm #980128this 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; }
July 2, 2018 at 3:55 pm #980129Sorry @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, 4 months ago by abortolotti.
July 2, 2018 at 4:03 pm #980133PS: 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>July 2, 2018 at 6:22 pm #980200I 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.)
July 3, 2018 at 8:13 am #980445Hi,
Thanks for helping out @guenni007, did you manage to get it working @abortolotti?
Best regards,
RikardJuly 3, 2018 at 9:16 am #980460Hi @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
July 3, 2018 at 9:24 am #980467Client would like to have the testimonials and the team members text justified as well and I don’t know how to do that.
Thanks
July 4, 2018 at 5:15 am #980909Hi,
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,
RikardJuly 4, 2018 at 9:39 am #981023Hi Rikard,
it worked, thank you!
You can close the thread :)
July 4, 2018 at 2:15 pm #981206 -
AuthorPosts
- The topic ‘How to justify text’ is closed to new replies.