Main Page Coding Error

[Amorden]

 

I need assistance with a third-party code that I’m using, but they’re unable to help me resolve my issue. On my main page, I want the Christmas drop image to be wider so it fills the space on the left.

On the right side, where the exciting news is displayed, I’d like that section to be centered, and I want the button and text to be larger. This way, everything will appear more symmetrical.

[suyash1]

@Amorden  can you please share this page link?

[DaisyVo]

Hi @Amorden 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.image-with-text__grid.grid {
    padding-inline: 0 !important;
}
h2.image-with-text__heading.h1 {
    font-size: 36px !important;
}
.image-with-text__text.rte.body {
    font-size: 20px !important;
}
.image-with-text__content a.button {
    font-size: 30px !important;
}

Here is the result: https://prnt.sc/3-UT_gPBagRM

I hope this helps

Best,

Daisy