Solved

Button borders and sign up form - Symmetry theme

dabbink
Excursionist
12 0 1

Hello, I'm trying to get black borders around my buttons and I would like the sign up in the footer to look like this:

Screenshot 2021-07-27 at 09.20.40.png

Any and all help is greatly appreciated! 

url: www.timelesscasestudy.com

pass: niekli

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1423

This is an accepted solution.

hello @dabbink 

please Go to Online Store->Theme->Edit code then go to assets/style.css ->paste below code at the bottom of the file.

 

 

@media screen and (min-width: 789px){
#footer_newsletter_signup {
	
   display: flex;
    justify-content: space-around;
    align-items: center;
}
.button.signup-form__button{
	    margin-bottom: 12px;
	    padding: 16px;
}
}

 

 

 

View solution in original post

Replies 6 (6)

Kinjaldavra
Shopify Partner
2302 570 1423

 

hello @dabbink  

please Go to Online Store->Theme->Edit code then go to assets/style.css ->paste below code at the bottom of the file.

 

.button.signup-form__button{
    background: transparent;
    color: black;
}

 

 

dabbink
Excursionist
12 0 1

Thank you, but is there a way to get the sign up form to look exactly like the image in my question?

Kinjaldavra
Shopify Partner
2302 570 1423

This is an accepted solution.

hello @dabbink 

please Go to Online Store->Theme->Edit code then go to assets/style.css ->paste below code at the bottom of the file.

 

 

@media screen and (min-width: 789px){
#footer_newsletter_signup {
	
   display: flex;
    justify-content: space-around;
    align-items: center;
}
.button.signup-form__button{
	    margin-bottom: 12px;
	    padding: 16px;
}
}

 

 

 

dabbink
Excursionist
12 0 1

Hi @Kinjaldavra , just to be sure: did you mean styles.css? I don't see theme.css only theme.js.

Kinjaldavra
Shopify Partner
2302 570 1423

hello @dabbink   insert code bottom of  style.css file 

dabbink
Excursionist
12 0 1

Thank you so much, this looks amazing now!