Justify text in Circle Icon Widget
Hi,
I have been trying to justify the text that appears with the circle icon widget, having picked up and modified some of the previous forum answers, but cannot make it work – Could you help me please?
I had hoped this would work, but could you tell me where I am wrong, please?
/* Circle Icon Widget Text Alignment */
.widget_circleicon-widget .circle-icon-box p.text {
text-align: justify;
text-justify: inter-word;
}
Thanks!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Hi Alex
That should work. Please, try the following at Appearance > Custom CSS:
/* Circle Icon Widget */ .widget_circleicon-widget .circle-icon-box p.text { text-align: justify; text-justify: inter-word; }Let us know how that goes.
Thanks Andrew – that works when applied across the whole theme, which is a definite improvement, so thank you.
I was, however, hoping to be able to apply it to only some of the Circle Icon texts, and not others – is that possible, or is only as a whole theme change?
Thanks,
Alex
Sure.
Edit the Circle Icon widget concerned. Click Attributes on the right. Enter the following as a Widget class:
Then change your Custom CSS to:
/* Justify Circle Icon Widget */ .widget_circleicon-widget .justify .circle-icon-box p.text { text-align: justify; text-justify: inter-word; }Andrew – that’s perfect, thank you! Looks great :)
Alex
Super, glad to hear that did the trick. All the best.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.