Home>Support>Center text on mobile

Center text on mobile

By Phil Hilton, 4 years ago. Last reply by Andrew Misplon, 4 years ago.

Hello, I have searched online and on this forum for a solution to this problem and have tried a variety of the solutions previously offered to no avail. I am trying to center the “Call xxx-xxx-xxxx to talk to an expert” text on https://chaampmarketing.com/refinance-with-thompson-kane/. I’ve tried the mobile css styles box in the widget itself, I have a custom css plugin that allows for page-specific css styling, and I’ve tried the Appearance > Custom CSS entry as well. Here is a sample of what I’ve tried, but honestly I’ve tried dozens of variations of this and other stuff I’ve found online:

@media all and(max-width:480px){
#phoneheader .textwidget h3 {
text-align: center !important;
}
}

I appreciate any help.

Thanks,
Phil

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

  1. 4 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Phil

    Thanks for reaching out.

    You’re using an inline style in the h3 tag to right-align the text so your Custom CSS would need to be #phoneheader .textwidget h3[style]

    https://css-tricks.com/override-inline-styles-with-css/

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