Gamer1

I tried the code again and I made a video to show you what I am seeing on the backend versus other browsers that I just installed. I show in the video the css I am already using in case its messing up what shows on the front end of the site.  Do you see the text centered on your browser by chance?

I really appreciate your help with this.

I inserted the code and it still showing text to the right on the live site and centered on the back end. 

Hi Again, 

I tried to code and it center the text on the backend but on the live view the text didnt center. 

I attached a couple screenshots with the code I am using and then the back end view and live site. 

I really appreciate your help on this. 

Cheers Mate

Hi Tuanphan, 

The code worked partially as it moved the text a little to the right. But not entirely, I left the code on the site as you asked as well. 

Thank you for looking at this, its appreciated. 

Hi, I was referring to the text in the yellow bar. The Yellow Bar is a promotional pop up layout option.

Site URL: https://www.kingslandkitchen.com

I cant get the text to center on the promotional pop up I am using. 

I am using code to remove the X:

.sqs-popup-overlay-close {display: none !important}

To center the text I tried the code below and removed the p as well but its not centering, not sure what I am missing but welcome any advice or fix. 

.sqs-popup-overlay-close p {
  text-align: center;
}