[EXPRESS THEME] Where can I edit the CSS code?

Electrocute
Tourist
6 0 3

Electrocute_0-1605607391438.png

Electrocute_1-1605607408347.png

Assets> theme.min.css has only 1 line of code. Where do I find and edit the CSS for the Express theme?

 

0 Likes
Pallavi
Shopify Expert
2235 370 484

Hello There, 

It is one line as it is minified CSS. 

Depending on which CSS you want to change you will need to change in that file.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
AMW
Tourist
6 0 1

If you need to change CSS for all theme and not only for certain pages or certain condition you will change it in " theme.js " in the tail of the file.

or you can create other CSS file for the new Rules you need and link it in " theme.liquid " file before the closing tag of " Head " as attached Image.

CSS.PNG

0 Likes
Electrocute
Tourist
6 0 3

Adding css inside "theme.js"" isn't affecting the site.  Can you share the piece of code for importing new rules in "theme.liquid"?

0 Likes
Electrocute
Tourist
6 0 3

I'm willing to do some CSS changes to the button in the basic Express Theme.

0 Likes
AMW
Tourist
6 0 1
 

Adding css inside "theme.js" isn't affecting the site.  Can you share the piece of code for importing new rules in "theme.liquid"?

Yes Theme "theme.js"effecting the Whole Theme Style.

i will look for Buttons style and send here.

0 Likes
AMW
Tourist
6 0 1

Here is Attached Image For The Location Of Main Style Sheet File and Search Inside For Button and you Will find all Buttons Style For The Theme.

 

Capture.PNG

0 Likes
Electrocute
Tourist
6 0 3

I appreciate the help, but here's a screenshot of all my available Assets: (the first 2, "cosminel.css.liquid and cosmin.css" are made by me and they're empty.

Electrocute_0-1605704548865.png

 

As you can see there is no "style.css.liquid" in the "Express" Theme. This is not Debut Theme.

Sodijkcc
New Member
1 0 0

Hi there!

I'm having the same issue over here.
Trying to add a custom .woff font.
Normally I can find an scc.liquid file in the assets folder, so I can change the font-face.

Except in this theme, I cannot find it. 

Is there a solution for adding custom typography to the Express Theme? 

 

0 Likes
pratijana
New Member
1 0 0

Same problem here. All I see is minified CSS, what are the steps to override minified CSS?

0 Likes