dawn theme - banner image content aligned right

[xnyjyh]

Hello, i need my banner image content to be all the way right side with 15px padding from edge of devices/desktop.

This is the id #Banner-template--15002694090854__image_banner .banner__content 

I've tried justify-content: end !important

and few others, but none seemed to work.

Pplease help?

Thanks

[Made4uo-Ribe]

Hi @xnyjyh 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

[AnneLuo]

Hi, @xnyjyh 

Can you please share the store URL so that I can assist you?

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.banner__content.banner__content--bottom-right.page-width {
  padding-right: 15px !important;
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[xnyjyh]

Does not work, ive tried that yesterday. has to start with the ID - #Banner-template--15002694090854__image_banner

[AnneLuo]

You can give me the access of your store.I will help you with it.

[Made4uo-Ribe · Accepted solution]

Hi @xnyjyh 

Thanks for the info, check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

div#Banner-template--15002694090854__image_banner .banner__content.banner__content--bottom-right.page-width {
    max-width: 100%;
}

And Save. 

Note: I didnt add more padding cause it already have a 15px. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[xnyjyh]

Awesome, thank you! worked like a charm 🙂