CSS edit for widget titles
Hi, I couldn’t find a thread that specifically addresses this, but if there is one, just point me in its direction and I should be able to figure it out. I can’t find a way to change the alignment of the widget titles on one of my pages. I’ve tried creating a css class (“allproperties”) for the rows and then adding this code in custom css:
.allproperties {
text-align: left;
}
I must be missing something because it won’t apply to the widgets. Any ideas how to fix this?
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi Kickflipskippy
Thanks for reaching out. Let’s try the following at Appearance > Custom CSS:
.page-id-8 .panel-grid-cell .widget-title { text-align: left; }Hope that helps :)
That worked perfectly! Thanks! I knew it had to be a simple fix. One more question, and its probably really obvious, but how do you find the page id
# to target? I started using custom css to change the look of the homepage and it applied to all pages.
Sure :) The page ID is actually a class in this case. In the markup it’ll say class=” we target that in CSS with a period. A hash is used to target something that in the markup is represented by id=”
If you inspect the page source you’ll find a body tag near the top. The unique page class is one of the classes in the body tag.
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.