Why isn't my custom CSS file working in Prestige theme?

[DCAIO]

We are using Prestige, adding a custom CSS file in the Theme which I can see in the source and the destination address.

Using Custom CSS blocks to build the page. When i add the custom CSS in the theme editor it works when I move the CSS to the custom CSS file it is not working.

An example, the below CSS when in the CustomCSS section is fine, when moved to the new asset custom css file dow not work at all.

Can anyone help me understand why this could be happening?

link rel="stylesheet" href="//cdn.shopify.com/s/files/1/0713/6860/5992/t/4/assets/DCAtheme.css?v=32621775944407451351676979948"

.word-OB {
background-color: #7848b9;
padding: 5px;
color: #1f1f1f;
font-weight: 999;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
}

It is happening with all css code moved from the section to the actual sheet.

thanks

[GemPages]

Hello @DCAIO

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

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

[DCAIO]

good point! here is the page

RESOLVED _ REMOVED

access key: RESOLVED _ REMOVED

[GemPages]

@DCAIO

Your css file has the wrong line structure number 31

https://cdn.shopify.com/s/files/1/0713/6860/5992/t/4/assets/DCAtheme.css?v=37075413322376020751676983485

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[DCAIO]

Ok that is embarrasing

thank you , great spot, now works…