How can I create a bold, rounded border for promotional text?

[ddcu]

anyone who can help me get a rounded border around this text here and make the text bold? I tried via theme settings but have no option: https://mctasker.dk/

Similar to what Kappa does here with rounded frame around text.

Thanks,

[oscprofessional]

@ddcu ,

.promo-grid__content .rte--block.rte--strong {
    border: 2px solid;
    font-weight: bold;
    padding: 5px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[GemPages]

Hello @ddcu ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before

Best regards,
GemPages Support Team

[infoatcodelab7]

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

.promo-grid__content .rte--block.rte--strong {
    border: 2px solid #fff;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}

[dmwwebartisan]

@ddcu

Please add the following code at the bottom of your css file.

.promo-grid__content .rte--block.rte--strong {
{
    font-weight: bold;
    border: 3px solid #fff;
    padding: 5px;
    border-radius: 10px;
}

[PageFly-Victor]

Hi @ddcu

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

Hope this answer helps.

Best regards,

Victor | PageFly