Text alignment

Store Design
1

Hello,

Im trying to align the shop now button with the header but I don’t want the box outline. Is there a way I can line up the text itself instead of its outline?

Screen Shot 2024-06-06 at 6.32.41 PM.png
Screen Shot 2024-06-06 at 6.32.41 PM.png1440×752 120 KB

URL: https://www.yivan.us

Password: YV2024

2

Hi @YIVAN ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.banner__buttons {
    transform: translateX(-30px) !important;
}

Here is result:

BSSCommerceHDL_0-1717723474195.png
BSSCommerceHDL_0-1717723474195.png1908×909 158 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Hi @YIVAN ,

This is Kate from PageFly - Shopify Landing Page Builder App.

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save

[href="/collections/all-ready-to-wear"] {

    padding-left: 0 !important;

    justify-content: unset !important;

}

PageFlyKate_0-1717723551968.png
PageFlyKate_0-1717723551968.png1600×576 411 KB

Hope it helps.

Cheers,

Kate | PageFly team

4

Worked perfectly thank you very much.

5

You’re welcome! I’m glad to hear that everything worked out perfectly. If you have any more questions or need further assistance, feel free to ask. Enjoy your day!