moving text left on banner

Hi!

I've moved my banner text to the left on my homepage (using Bryant template) and now i unfortunately need the rest of the banner texts to be CENTERED. I've used the following css code to move the text to the left but now it applies to all my pages which I don't want.

css code: 

.desc-wrapper {
   margin: 0 !important;
   text-align: left!important;
}

Does anyone have any idea how to make a code that ONLY puts the banner text on the left on the homepage? 

Best,

Christine 

Can you share site url? We can check easier.

You can target just that one text block, so something like 

#block-5f524e504e7c943516ebdfe6 .desc-wrapper {
   margin: 0 !important;
   text-align: left!important;
}

Use the Squarespace ID finder Chrome extension to easily find your unique Block ID.

Hi! 

Here's my site URL. 

https://www.sommerfuglen-fyn.com/

ChristyPrice: Unfortunately I can't find the block id for my banner. I use the chrome extension to find the block id but it only shows me the ids for the body, headers and site, not for the banner. 

Best. 
Christine 

Add to Home > Design > Custom CSS

body#collection-5f50be931891da781ba1c801 .desc-wrapper {
    text-align: left !important;
}

Hi Tuanphan,

thanks for the code, it does work however it aligns the text in the banner to the left but not as much as I would like. It is still too close to the center. Can you help me with this? 

Best,

Christine 

Hi

Use this code in Design -> Custom CSS

body#collection-5f50be931891da781ba1c801 .desc-wrapper {
    text-align: left !important;
    margin-left: 0 !important;
}

Please use the like button if it helps you!

Best,
Leopold

Thank you so much! The last one worked perfectly.