i wanna replace the circle from announcement bar

[Emiway1]

i wanna replace the circle from announcement bar with the fire emoji

URL: https://www.vibespearledcandle.com/

[mane]

1. Log in to your Shopify admin
   Go to: https://vibespearledcandle.com/admin

2.Click “Online Store” on the left menu
Then click “Themes.”

3. Click “…” next to your current theme, then choose “Edit code”

4. In the code editor, look on the left and open the file called:
   announcement-bar.liquid

(Or look in Sections > header.liquid if you don’t see it)

5. In that file, look for a small dot like this:

“.”
or this:

•

6.Change that dot to this emoji:

7. Click Save

8. Refresh your website and check the top bar. You’ll see the fire emoji instead of the dot!

[Emiway1]

  

    {%- capture marquee -%}
      

        {%- for block in section.blocks -%}
          {%- case block.type -%}
            {%- when 'text' -%}
              

                {{- block.settings.text -}}
              

            
            {%- when 'image' -%}
  {%- if block.settings.image != blank -%}
    {%- liquid
      assign image_height = block.settings.height
      assign image_height_2x = block.settings.height | times: 2
    -%}
    
      
    

  {%- endif -%}

          {%- endcase -%}
        {%- endfor -%}
      

    {%- endcapture -%}

    {%- if section.settings.enable_twin -%}
      {%- liquid
        assign direction = section.settings.direction
        if direction == 'left'
          assign reversed = 'right'
        else
          assign reversed = 'left'
        endif
      -%}
      
        
      

      
        
      

    {%- else -%}
      
    {%- endif -%}
  

[Emiway1]

i couldn’t find these both

5. In that file, look for a small dot like this:

“.”
or this:

•

[mane]

@Emiway1

Thanks for sharing the full code! Based on this, Since your announcement bar is dynamically rendered using blocks in a Shopify section, the best way to add the emoji in front of each text message is by updating the {{ block.settings.text }} line in the text block section.

Replace this line:
{{- block.settings.text -}}

With this:
{{ block.settings.text }}

Final version of that part:
{%- when ‘text’ -%}

:fire: {{ block.settings.text }}

It adds a fire emoji before every text block you’ve added in the announcement section, without affecting the backend settings or other block types like images.

[Emiway1]

i Wanna replace that circle type block from the bar to Fire emoji

[mane]

@Emiway1

Got it! Replace that circle with a emoji

1. Go to your Shopify theme files → Assets/theme.css or base.css (the file where the styles are defined).
2. Search for : .with-text::after
3. Replace the whole block with this: .with-text::after {
   content: ’ ';
   margin-left: 8px;
   display: inline-block;
   }

You can adjust margin-left or margin-right to fine-tune spacing.

[namphan]

Hi @Emiway1 ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.scrolling-text__item.with-text:after {
    content: "";
    border: none;
}