We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Dawn Theme | Adding CSS to a specific Page only or Template

Dawn Theme | Adding CSS to a specific Page only or Template

parallelism23
Shopify Partner
70 1 13

Hi Shopify Community!

I'm trying to add a custom page-width CSS code to just a selected template or Page.. 

Im trying to make do that with this code, but it does not seem to be working. 

 

I'm using dawn theme and im trying to put a custom CSS code on the Home Page

 

parallelism23_0-1682694707931.png

 

Home Page

parallelism23_1-1682694889559.png

Im basically trying to maximize the page width of the template > image with text

parallelism23_3-1682694995532.png

 

 

Replies 7 (7)

miguel_liquify
Shopify Partner
176 18 16

Try to change "home" to "index"

★★★ Need help setting up your Shopify store? Hire me here: https://liquify.design ★★★
parallelism23
Shopify Partner
70 1 13

Thanks @miguel_liquify  unfortunately it did not make difference 

parallelism23_0-1682697204266.png

I wonder if I'm missing on something here

miguel_liquify
Shopify Partner
176 18 16

Sorry, mi bad, try with "template.name"

★★★ Need help setting up your Shopify store? Hire me here: https://liquify.design ★★★
parallelism23
Shopify Partner
70 1 13

No luck either 😆  @miguel_liquify 

parallelism23_0-1682698021112.png

 

miguel_liquify
Shopify Partner
176 18 16

Change the css sentence

<style>

body . page-width{

width: 100%;

padding: 0 !important;

</style>

★★★ Need help setting up your Shopify store? Hire me here: https://liquify.design ★★★
parallelism23
Shopify Partner
70 1 13

Thanks @miguel_liquify  unfortunately still can't get to work.  

parallelism23_0-1682722837716.png

 

ljamal2011
Shopify Partner
1 0 0

I am writing this answer after very long time, however, I am sharing solution so that it may helps for anyone else
@parallelism23 you need update the CSS code & add space between the code i-e

 

body.page-width

 


Need to replace/update code with below (Space added between body & .page-width)

 

body .page-width

 

 

 

<style>

body .page-width{

width: 100%;

padding: 0!important;

</style>