How can I make announcement bar text bold in custom code?

[Danielpochapski]

Hello everyone, I have a problem. I have a custom code for the announcement-bar, but I am not able to make the letters bold. Could anyone suggest to me what I should do?

My store is: www.smartcasashop.com.br

Password: daniel

The code is:

{%- if section.blocks.size > 0 and section.settings.show_announcement_bar -%}

{%- for block in section.blocks -%}

{{block.settings.message}}

{%- endfor -%}

.websensepro-announcement-bar{ background:{{section.settings.colorBackground}}; position: relative; overflow: hidden; } .websensepro-announcement-bar .websensepro-message{ text-align:center; color:{{section.settings.colorText}}; padding:0;

}
.websensepro-announcement-bar .swiper-button-next:after, .websensepro-announcement-bar .swiper-container-rtl .swiper-button-prev:after,
.websensepro-announcement-bar .swiper-button-prev:after, .websensepro-announcement-bar .swiper-container-rtl .swiper-button-next:after{
font-size: 18px;
color:{{section.settings.colorText}};
}
{%- if section.blocks.size < 2 %}
.websensepro-announcement-bar .websensepro-swiper-button{display:none!important;}
{%- endif -%}
.websensepro-swiper-button {
display: block !important;
top: 75% !important;
}

{%- endif -%}

{% schema %}
{
“name”: “Announcement Bar”,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_announcement_bar”,
“label”: “Show”
},
{
“type”: “checkbox”,
“id”: “autoplay”,
“label”: “Autoplay”
},
{
“type”: “text”,
“id”: “delay”,
“label”: “Delay between transitions (in ms)”,
“default”: “5000”
},
{
“type”: “color”,
“id”: “colorBackground”,
“label”: “Background color”,
“default”: “#ffffff”
},
{
“type”: “color”,
“id”: “colorText”,
“label”: “Text color”,
“default”: “#000”
}
],
“blocks”: [
{
“type”: “header”,
“name”: “Message”,
“settings”: [
{
“id”: “message”,
“type”: “textarea”,
“label”: “Message”
}
]
}
]
}
{% endschema %}

[PageFly-Victor]

HI @Danielpochapski

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.websensepro-announcement-bar .websensepro-message{
     font-weight: bold !important;
}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[GemPages]

Hello @Danielpochapski

It’s GemPages support team and glad to support you today.

1. Go to Online Store → Theme → Edit code → Layout

2. Open file theme.liquid then add this code to above the tag

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[Danielpochapski]

Dear @PageFly-Victor , Thank you for your help, it working perfectly.

[Danielpochapski]

Dear @GemPages , thank you for your help, your solution worked perfectly to.

[PageFly-Victor]

You are welcome @Danielpochapski