Personalized Text Style using css box

Danielpochapski
Explorer
62 0 11

Hey!

 

I'm trying to add this "paw" image next to the title. It works with this code I'm using:

 

WhatsApp Image 2024-01-31 at 10.06.48.jpeg

 

Click to expand...
h2::before {
content: url("https://cdn.shopify.com/s/files/1/0683/1361/2602/files/Design_sem_nome_28.webp?v=1706704497");
display: inline-block;
width: 24px;
height: 24px;
margin-right: 10px;
vertical-align: top;
}
h2 {
font-size: 24px;
line-height: 30px;
position: relative;
text-align: center;
margin: 0 20px;
margin-bottom: 0px;
font-family: Skrapbook;
font-weight: normal;
color: #0197b2;
}

However, every time I try to publish the adjusted version of the text, I receive this message: "Unable to publish the online store editor session"

WhatsApp Image 2024-01-31 at 10.09.20.jpeg

 


I note that, by removing just the personalized part of the image with the link, I can publish the text normally. Does anyone have any idea what's going on?

 

Thanks!

 

Reply 1 (1)

Himanshu7
Shopify Expert
8 0 0

Hi,

You are writing CSS on Customizer which might be an issue please try to write this CSS on a CSS file it will work

Regards
Himanshu

HP