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?
Hi 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.