how to change position of text on slideshow and add move and add two linkable buttons or how.

Retired Boards Appdev Store Design
,

Topic summary

Goal: Move slideshow text/buttons to the left in a Shopify theme and add two linkable buttons (e.g., “Shop for men” and “Shop for women”).

Progress/Attempts:

  • Access issue resolved by removing storefront password so helpers could view the site.
  • First suggestion: insert custom code in theme.liquid before the tag. The requester couldn’t locate (only ) and reported no visible change after adding code.
  • Effective fix provided later: add CSS at the bottom of main.css/base.css/style.css:
    .slideshow__text-wrapper.banner__content.banner__content–bottom-left { margin-left: 0; }
    Explanation: targets the slideshow text container when bottom-left aligned and removes its left margin to push content fully left. A screenshot showed the result.

Open items/questions:

  • How to “break down” (explain) the CSS further.
  • How to add two hyperlink buttons, remove the default Shopify button, and add another text block. A helper stated this requires custom code and likely a developer.

Notes:

  • Screenshots are central to understanding the layout changes and the resulting alignment.

Status: Partially resolved (left alignment achieved). Button/link creation and extra text remain unresolved/ongoing.

Summarized with AI on December 20. AI used: gpt-5.
1

primer ya kodo kako sem hotel imeti.PNG
primer ya kodo kako sem hotel imeti.PNG1630×654 237 KB

I Would like to move text and move buttons to the left how would that be possible

2 Likes
2

Hello @kxletnik
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

3

this is the address https://e1b634-ab.myshopify.com/?_ab=0&_fd=0&_sc=1

1 Like
4

what is your website password

5

what do you mean by access

password

6

BSSTekLabs_0-1725033615108.png
BSSTekLabs_0-1725033615108.png983×500 12.4 KB

Your store is password protected for access. I need the password to access your website.

7

i have removed password

1 Like
8
  • Here is the solution for you @kxletnik
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.
  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
9

could you quickly breakdown the code for me

10
is not found not with shopify search nitherr f3+n
11

i just found but not

12

kxletnik_0-1725038576193.png
kxletnik_0-1725038576193.png1756×948 128 KB

I Have added the code here it highlighted ,but it didn’t change anything on the site

13

Hi @kxletnik

Check thiso ne.

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.

.slideshow__text-wrapper.banner__content.banner__content--bottom-left {
    margin-left: 0;
}

And Save.

Result:

Made4uoRibe_0-1725038662568.png
Made4uoRibe_0-1725038662568.png1872×580 193 KB

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

1 Like
14

could you break down the code for me

15

What do you mean breakdown? Mean smaller?

16

Hey could you also help i want to make 2 hyperlink shop for men and shop for women do you know how to code hyperlink to css

also how do i get rid of the shopify button and add hyperlinks

17

also is there a way to add another text bracket

kxletnik_0-1725039181964.png
kxletnik_0-1725039181964.png632×350 177 KB

18

i mean if u could help me understand code u wrote thanks

19

To add hyperlinks that needs a custom code, to add in your store. You may need a developer for that.