-
Posts
-
Hey,
I want the text to look something like on the image on certain pages. Equally justified on the left and right hand side.
http://www.airlinestaffrates.com/lisbon/I guess is something that can be controlled via a code for Custom Style Css on that specific text block
What code shall I do?
Thanks
Charlotte
the text under Lisbon is in 6 different p tags so even if there is a justify rule this would have no effect !
6 p tags in that little text. Do you have copy pasted it from another website?
and you pasted it into the visual field of your text edit !____________________
btw: the images on the end of this page:
how do you embed those images to your enfold.
the images are 980px wide so it is not enough.
only a rule is set to them for max-width: 980px – but where does this come from? is it a plugin ?if you set
.avia_textblock img { max-width: 100%; width: 100% !important; }but this is not the solution – this will change every img inside a textblock
there has to be an inline definition:<img width="980" height="551" sizes="(max-width: 980px) 100vw, 980px" srcset="http://www. … etc ppBut I don´t want to change the width of the images!
I just want to be able to set a rule to a specific text block so I can control the text width. Isn´t that possible?
Charlotte
you only read the code and thats it?
do you see what i wrote first !
6 p tags do not allow a justify rule
if you set in this code:
.avia_textblock > p { text-align: justify; }you see under your images the text in a block – but under Lisbon the text is a different thing
Sorry, I don´t understand what you mean!
I clean up the text now so no more p.
Added:avia_textblock > p {
text-align: justify;
}But there is no difference…
I only want to control this text block. Isn´t there a code for that?click on the last image – to zoom in – on the right side there you can see the html code with 6 p tags
if you make that section smaller like:
.page-id-18725 main .av_textblock_section:nth-child(4) { margin: 0 auto; width: 500px; }you will have :
btw. on wordpress everytime you press in a text-editor a return an auto p was set. (wpautop)
you only have the choice to avoid that by pressing the shift key.Ok, thanks. With the last code it worked!
But now I have to add a unique code for every text block I want to change instead of adding a word to the custom style css on the element. It would have been much smoother if this was something I could set in the custom style css field + with a code referring to it in the Quick CSS
Don´t you agree? Isn´t possible to do that? My question from the beginning..
if these text blocks are repeated every time you can give them a custom class.
Do that and than we find that way you like. in the absence thereof i selected that special block by doing that trick.And we should then better take relativ width like 70% to stay responsive !
something like this – so you have to set the custom class “blocksatz” and do:
.blocksatz { margin: 0 auto; text-align: justify; width: 70%; }btw: very nice photos !!!
- You must be logged in to reply to this topic.