How can I make a round newsletter search bar for the Warehouse theme?

i want to make newsletter search bar round for warehouse theme please help

@moman_mir

Do you have any references?

share your store URL?

Hello @moman_mir ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


Let us know how it works for you.

Best regards,
GemPages Support Team

@moman_mir

can you please provide screenshot

@moman_mir

button.form__submit.button.button--primary {
    border-radius: 27px;
}
input#newsletter\[template--14851594092595__newsletter\]\[contact\]\[email\] {
    border-radius: 28px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Hi @moman_mir

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

these are not working i have warehouse theme

It worked in desktop verision but i want to make it work in mobile verision too and i cant understand how to do it

i want to make all buttons round in mobile site

Can you share the url so I can check it out?