Tagged: blockquote
-
AuthorPosts
-
September 12, 2018 at 10:26 am #1008823
1. How do i vertically align “blockquote” text in a “Text Block”?
This would be an example of the text in the Text Block that is not aligned as desired (aligned on both sides ):
EXCELLENCE – is an art won by training and habituation. We do not act rightly because we have virtue or excellence, but we rather have those because we have acted rightly. We are what we repeatedly do. Excellence, then, is not an act but a habit. – Aristotle
VALUE – The ultimate value of life depends upon awareness and the power of contemplation rather than upon mere survival.
2. Is there a way to move the vertical line on the left side of the “blockquote” to the right side of the text if needed?
Thank you.
September 12, 2018 at 1:15 pm #1008889Hey timotej2602,
1. I’m not sure I understand what you mean by that, could you try to explain a bit further please?
2. Please try the following in Quick CSS under Enfold->General Styling:
blockquote { padding-left:0; padding-right: 1em; border-left: none; border-right: 5px solid #e1e1e1; }
Best regards,
RikardSeptember 25, 2018 at 9:05 am #1014050Hey, i am sending you the link to our website. I would like the gold line to be between the picture and the text, once on the left (the first, third, fifth, … section) and one on the right (the second, fourth, sixth, .. section). Depending on the positioning. And i would like the text to be aligned on both sides.
Best regardsSeptember 25, 2018 at 9:10 am #1014056- This reply was modified 6 years, 3 months ago by timotej2602.
September 25, 2018 at 10:33 am #1014092Hi,
Thanks for that, though we obviously can’t see any site which you are running on a local server. Could you upload it to a public server so that we can access it please?
Best regards,
RikardSeptember 25, 2018 at 3:30 pm #1014234Hi, can you maybe work with the picture i provided in the later message above? Its a screen shot of how the page looks like.
Best regards.
September 26, 2018 at 5:52 am #1014536Hi,
No that’s not possible since you want to style the elements individually, though you could try to to give them classes if you activate that option under Enfold->Layout Builder. Look for the Show element options for developers option.
Then you can assign your elements classes like blockquote-border-right for instance. You can then use the CSS I posted earlier:
.blockquote-border-right { padding-left:0; padding-right: 1em; border-left: none; border-right: 5px solid #e1e1e1; }
You can do the same for elements that you want to border to be on the left, just reverse the CSS in the example.
Best regards,
RikardSeptember 25, 2019 at 1:26 pm #1141803Hi, it didn’t work for me. I did everything you said. I also assigned the elements classes. Do you have an other solution?
Regards,
PaulSeptember 25, 2019 at 7:54 pm #1141974Hi bergsmapaul,
Please start a separate thread, describe your issue there and give us a link to your website.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.