Hi
I am trying to use a V2 quote element in Renew stack with X. At the moment the text-align option aligns the quote to the left, but the citation remains centered. Please see screenshot below:
Is there a setting that I’m missing?
Is there a setting that I’m missing?
Hi @designbythink,
It sounds like you could have some custom code elsewhere that is overriding the styling. If you’ve got the text align set to centre, like this, then it is set up correctly:
Try removing or commenting out any custom CSS temporarily to see if that solves the problem. If it does, you’ll know that the custom code is causing it.
Failing that, if you can let us know the URL of the site in question, we can take a closer look. It may be better still to provide us with login details (login URL, Admin username and password) in a secure note, in case we need to access the site’s backend to track down the issue. You can add a secure note by clicking on the key icon beneath your post.
Hope this helps!
I have checked my custom CSS, but there is no text-align property that can be causing a conflict.
My quotes are set to left align, and my citations are set to right align. However, the citations remain centered:
I have added admin details in a secure note. You can look at the URL below to see an example of what I’m talking about:
Hi Think,
You can achieve this by selecting the Citation Horizontal Alignment, please check the screenshot attached.
Hope that solve the problem.
Thanks
Hi, thanks for your response. This works…but I have to wonder whether this is a glitch? Why have text-align option if it doesn’t work out of the box? I now have to go back and change over a 100 quotes manually. Even applying a preset would still require me to apply the preset to every quote. Is there a way to speed this up?
Hi Think,
Glad it helps. We suggest to use elements inbuilt options to achieve the exact output.
Thanks
No, wait. What do you mean by “use elements inbuilt options to achieve the exact output”? Your elements have a bunch of settings. I used those settings. They don’t work as they are supposed to. Now I have to compensate for that by redoing half my website.
Why do your elements have settings at all if you expect us not to use it?
Hi @designbythink,
Sorry for the confusion, as to the question if it’s a glitch, it’s not and it’s intended feature 
In raw HTML there are many different ways of aligning it, text alignment is always different from element alignment. The text alignment will only work on contents within the element, like text, elements, span, and any other inline elements. The first recommended fix is for text alignment (provided by Matt), the second one is element structure alignment (provided by Tristup), and they are both needed for your preferred setup.
To prevent more confusion about the features, I’m providing a visual guide about the structure.
You’ll see, the flex alignment aligns both citation and text container to the right of the parent container. While text alignment only aligns the text itself within its immediate container.
What was referred to inbuilt options are those flex alignment, it’s more recommended than using custom CSS that overrides them all, we don’t actually recommend not using them, we do recommend utilizing those options as provided above. What was not recommended is using custom CSS to fix it all as it would cause more issues. But if you’re really trying to prevent redoing half of your site, then you can try adding this custom CSS to Theme Options > CSS
.x-quote-cite {
justify-content: flex-end !important;
align-items: flex-end !important;
}
Just letting you know that we don’t provide support nor maintain that CSS, any conflict and issues it would cause is user responsibility, adding that to the site is the same as agreeing to this term
Thanks! And again sorry for the confusion.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.