Classic Prompt Formatting

[newmoonstrategy]

Hi,
I am trying to adjust the formatting for the classic prompt on this page: https://www.veraisonleadership.com/about-leadership-development-firm/

I would like to make the content centered, I tried to use this code:

.x-prompt.message-left .x-prompt-section.x-prompt-section-message {
padding-right: 6.25em;
text-align: center;
}

Because when I inspected the element and adjusted this, it looks the way I want it to. I added this in the Theme Options CSS, but it is not making any changes.

Do you know how I can center this content?

Thanks!

[nabeel]

HI Kate,

Thank you for reaching out to us. This would require customization as this is not a feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it.

You can remove your code and use Flexbox method instead by changing the parent (.x-prompt) container’s display property to flex and then using justify-content property you can center the content.

.x-prompt {
    display: flex;
    justify-content: center;
}

To learn more about Flexbox, please see https://css-tricks.com/snippets/css/a-guide-to-flexbox/ and to center any element you can follow this guide https://css-tricks.com/centering-css-complete-guide/

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Thank you for understanding!

[newmoonstrategy]

This was very helpful and did what I needed - thank you!

[nabeel]

Glad that we could be of help.

Cheers!