Home>Support>Changing text alignment in Circle Icon widget on one page only

Changing text alignment in Circle Icon widget on one page only

Hi,

I am trying to set the alignment of the circle icon widget to left alignment. It did work implementing this code into my child theme:

/* Circle Icon Widget Text Alignment */

.widget_circleicon-widget .circle-icon-box p.text {
text-align: left;
}

But now it’s set to left on ALL pages. I want the text beneath the icons that appear on my homepage to stay centered, but only on one page I want the text to align left.
I tried using the attributes of the widget style on that certain page, but that didn’t work. I tried the following:

widget class: p.text
class: text-align: left;

Can anyone please help me?

Thanks a lot!

URL: http://www.nhtc.nl/nieuw/aanbod/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Jantien Mijwaart

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    .page-id-35 .widget_circleicon-widget .circle-icon-box p.text {
    text-align: left;
    }
    
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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More