How can I shift my button and header text further to the right?

Store Design
1

I want my button and header text even further right. How do I fix this?

opera_vYZSS5Di6C.jpg
opera_vYZSS5Di6C.jpg1920Ă—979 322 KB

2

Try this code

.your-button-class {
  position: relative;
  right: 20px; /* Adjust the value to move the button further right */
}

.your-header-text-class {
  position: absolute;
  right: 10px; /* Adjust the value to move the header text further right */
}
3

where do I put this code?

4

in theme.css file

5

I do not have a theme.css file

6

Hi @haleygray16 ,

Would you mind to share your URL and with password if you have?

Thanks!

7

shop606apparel.com

8

Hi @haleygray16 ,

I understand that you want the button and header text even further right.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.scss.liquid” or “styles.scss.liquid” file, depending on which file your theme uses to store its CSS styles.
  4. At the bottom of the file, add the following CSS code:
  5. And Save.
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient.slideshow__text--right.slideshow__text-mobile--center {
    padding-right: 0;
}
9

i have neither of those files

10

Sorry for that try to find this file (component-slideshow.css)

11

that moved it but its still not far enough. Can I move it even more??

opera_CTwirqC74U.jpg
opera_CTwirqC74U.jpg1920Ă—979 323 KB

12

Oh it not enough. You can try this one. I remove the margin in the banner.

.slideshow__text-wrapper.banner__content.banner__content--middle-right.page-width {
    margin-right: 0px;
}

Result:

Rose_Dim_0-1683496648567.png
Rose_Dim_0-1683496648567.png1363Ă—618 1.02 MB

Im using laptop i think your using a bigger screen.

If its still not enough the last one im thinking to reduce is padding.