Edit the explore button on home page in Dawn theme

Store Design
1

Hi all,

I would like to highlight this ‘explore button’ as its hard to notice. Is there anyway I can change colour, size and place within box - with colour background?

socconnor_0-1699577943149.png
socconnor_0-1699577943149.png486×609 271 KB

Also I noticed its not centre top on the desktop version:

socconnor_1-1699577973491.png
socconnor_1-1699577973491.png1104×751 911 KB

Thanks so much for the help.

Steve

2

Hi @socconnor , can you share your store url?

1 Like
3

Hi Abdosamer,

its:

https://admin.shopify.com/store/b5c42e

4

I mean the link to your website itself, not the admin area.

5

Sorry. The link is https://gokink.com.au/

6

Ok, first navigate to section-image-banner.css, add the following code :

@media (min-width:750px){
.banner__content.banner__content--bottom-center {
    align-items: flex-start !important;  
}
}

in the same section add this code snippet :

.banner__buttons  .button.button--secondary{
    font-size: 2.5rem;
    background-color: #fff;
    color: #010101;
    font-weight: bold;
 }
7

Thanks so much. :slightly_smiling_face: That was really helpful. I have altered it a bit. Is there a way I can change the button so its square instead of curved edegs?

1 Like
8

Actually, I figured this out. No need for help with that last part. Thanks again.