how do i see css file in shopify

How To Add Css in Shopify Theme OS 2.0

hello how are you i hope you guys are,doing well,and welcome to my channel snl official,today we will,talk about custom css on shopify for,that we will,go to shopify partners i have,already built many stores on shopify,through shopify partners so,we will first of all log into our,store available on shopify partner,program,so after logging into your store you,have to do,what you have to do i will tell you,right now how to apply a custom css,to your store it's a very simple process,of all we will also open the store and,log into the dash panel of our shopify,for that you have to click on your,account,here actually the connection speed is a,little bit slow,you can say that it's a little bit slow,okay after clicking on account we will,go to our account on which the stores,exist,simply login to your that store on which,you want to apply,custom css you can change the text size,you can apply any tag,any filter to your shopify store that is,available on html css,so find out the store on which you want,to apply the custom css,it's giving some error,i don't know why it's giving error so,let's try it again,okay here is the store on which we want,to apply custom css,login to this store,okay here is the store,we are opening right now you can open,your store by clicking on this i,icon or just write to the online stores,in sales channel,when the store is open simply open the,store,here is store and we want to apply some,custom changes,so if you want to change the size of,this text,here we will inspect it by clicking,right click on it if you are on windows,then left click on inspect,okay we got the class the class is,section dash,and with this text is featured,collection is,available h2 simply click on this class,here you will get the class on the right,side,click on it copy this,after copying go to your store,you have to create you have to click on,the online store and after,clicking on it and actions,button will appear here on the right,side,it will take some time about five to ten,seconds okay,just click on actions you must duplicate,your theme,before doing anything on the,theme because it will prevent from,you know like losing any data i have,already made,a duplicate copy of the theme few,minutes ago,so click here click on edit code,after clicking on edit code you have to,find out the theme.spss,dot liquid file in the assets folder go,to asset,click on theme dot sc ss dot liquid,this is the liquid file simply click on,it,go to the bottom,paste your class that we have copied,curly braces open close and,font size we will just,change the font size colon make,it 70 pixel,okay now we will check after saving,please click on save after writing your,custom css,class okay as it's saved now,before this it was like this feature,collection,before applying custom css now we have,applied the css we will refresh it,we made it 70 pixel,now we will see how much is 70 pixels if,oh yes,the custom css has been applied you can,also change the color,change position make it to if it is,centered you can make it,floating right floating left anything,that you want to make,you can change okay here if you want to,make these,uh navigation menus,bold you can also apply some class on it,inspect,we will find out the class for it,in the header,you can simply click on,this button here and then,here,here we got the class,okay here is the class we are looking,for,that is,horizontal mega menu,copy it,ctrl v,font size,make it bold,let's see if the class is written,correctly,okay saved now we will,check that these have been bold or not,now the class haven't applied yet,we will go and check for it,why it's not happened,sorry i just clicked over there,okay here is a class we we just got it,just write it as it is written there,uh,now we will see that the custom css on,the menus,making it bold has been applied or not,before doing this we can also check,oh yes this is the property font with,phone dash fit i was applying font size,that is incorrect,it's taking some time,again we will inspect it,click here click here,you can also do it by this,yes it is applied so,we can simply apply it in this one,to here,font wait sorry this was my mistake,now we will check that the css has been,applied or not,if it remains like this then it means it,has been applied,yes the css has been applied you can see,that menus are bold now,so this was a class on uh tutorial on,how to apply custom css,just practice it just like i have,done in front of you so you guys can,create different alterations into your,clients stores thank you for watching my,channel please subscribe and click on,bell icon for upcoming latest videos,thank you so much take care bye

Congratulation! You bave finally finished reading how do i see css file in shopify and believe you bave enougb understending how do i see css file in shopify

Come on and read the rest of the article!