Align button center and smaller to match the section - Dawn Theme

Store Design
, ,
1

Hi

I would like to align this button and make more space around it, can that be done with a simple code to make this section cleaner and matching my theme?

Thanks in advance guys, you are a million. :smiling_face_with_sunglasses:

www.dekanten.no

See attached image:

Skjermbilde 2024-09-07 kl. 20.03.58.png
Skjermbilde 2024-09-07 kl. 20.03.58.png2318×508 37.2 KB

2

Hi @Dekanten

is this solved? i check on the mobile view this is on my end.

Made4uoRibe_0-1725737882302.png
Made4uoRibe_0-1725737882302.png550×604 18.2 KB

To fix it 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.

@media only screen and (max-width: 749px){
.icon-block a.cta-button {
    width: auto;
}
}

And Save.

result:

Made4uoRibe_1-1725738063392.png
Made4uoRibe_1-1725738063392.png704×490 14.8 KB

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

3

Hello and thank you for the support, i got a nice direct messsage with some help, but i need to make the button with smaller top and bottom. I want it to match my other buttons. Ideas will be open for the section. :slightly_smiling_face: Thank u :slightly_smiling_face:

4

Thank you for the headsup with the mobile section, just tried to fix the desktop and its looked like hell on the mobile. Thank u my friend. :slightly_smiling_face:

5

That is good then. This is an app section, so please be cautious when using too many apps, as it can slow down your website.

6

Thanks for the advice, as a pro maybe you will check out my page on the speed so i can remove things who slows down?

www.dekanten.no (Thank you for the advice)