Tagged: Header Phone Number/Extra Info
Hi.
I was wondering if is possible to center the Header Phone Number/Extra Info using CSS.
I have tried, but I can’t achieve it.
The Theme settings only allow it to be justified Left or Right.
Regards
Iain
Hey Iain,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
div.phone-info {
width: 100%;
text-align: center;
}
Best regards,
Sarah
Hi Sarah.
I had tried that already, but no luck.
I also tried:
div.phone-info {
width: 100%;
text-align: center !important;
}
FYI, the url of the website is https://www.websitedesignmorayfield.com.au
Regards
Iain
Hi Iain,
Can we possibly have temporary access into the WP Dashboard so we can take a closer look?
Best regards,
Sarah
Hi Iain,
It may be a caching problem. Can you trying clearing the cache, please?
Best regards,
Sarah
So it’s working at your end?
I’ve cleared the cache and used 3 Browsers, and it is still justified to the right.
Regards
Iain
Sorry, I meant the server cache. It seems like any changes I make in Quick CSS and General Styling don’t take effect.
Just to rule out that possibility, please check if your server has a caching service enabled. You can also try the solution presented here: https://kriesi.at/support/topic/theme-options-general-styling-not-working/#post-257527
You can also try deactivating plugins and reactivating them one by one to see if there are conflicts.
Best regards,
Sarah
Ah gotcha.
I have a cahing plug-in WP Rocket.
I cleared the Plug-in cache and it’s now centered.
Sorry to waste your time.
Regards
Iain
We’re always glad to help! :)
If you have any other questions or issues, feel free to post them here on the forum.
Thank you for using Enfold.
Cheers!
Sarah