How to add arrow next to text

Store Design
, , , , , , , , ,
1

IMG_8986.jpeg
IMG_8986.jpeg1242×896 23.1 KB

IMG_8984.jpeg
IMG_8984.jpeg1242×590 16 KB

im looking to make the size guide pop up the same as this for mobile and desktop ill private message the reference.

url knmb1c-pf.myshopify.com

password samurai

2

Hi @undercoverfresh ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.product-popup-modal__button::after {
    content: " >";  
    font-weight: bold;
    font-size: 18px;
}
3

HI @undercoverfresh

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
button.product-popup-modal__button::after {
    content: " >" !important;
}

I hope this helps

Best,

Daisy

4

Hi @undercoverfresh , thanks for reaching out.

I checked your request and would like to inform you that the display you request depends on the layout of your theme, and each theme has different design structures. In this case, you can use other themes that offer the layout or consider hiring a developer to customize the display for your specific needs.

I hope my information is helpful to you.

Liz