I am looking to build specific pages that include only my CSS, but I want to link to pages that use the native theme CSS. I need a way to block all but my CSS from interacting with these pages/sections. What are the best ways of accomplishing this?
1 Like
Are you using Any Page builder App to Build the pages?
For your Css You have Define the Proper class and id .
Use !important to override your Css code like.
Example:
.sam{
background-color:red !important;
}
1 Like
Thank you for the suggestion, but I don’t want to be overriding code. I just want to sit down and code something new without worrying about clashes.
For that you have to Define your Own class or id.
Hey there, it is not possible beacuse css is all about classes and id’s used in the html coding and css works accordingy with the html structure.
If you can add a new landing page then it will have its own classes and id’s and its on css.
I hope you will understand.
As well as, I would like to suggest you to try a good shopify landing page builder such as Layoubase https://apps.shopify.com/layoutbase-pagebuilder
which can help you and make your work easy and handy without any coding, It is a drag & drop page builder. Thanks