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

[moman_mir]

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

[oscprofessional]

@moman_mir 

Do you have any references?

share your store URL? 

[oscprofessional]

@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

[GemPages]

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

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
.footer__newsletter-wrapper .form__input-wrapper--labelled .form__field {
 border-radius: 10px !important;
}
</style>

Let us know how it works for you.

Best regards,
GemPages Support Team

[moman_mir]

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

[PageFly-Victor]

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

[infoatcodelab7]

@moman_mir 

can you please provide screenshot

[PageFly-Victor]

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 </body>

<style>

button.search-bar__submit {

    border-radius: 0px 20px 20px 0px;

}

.search-bar__top {

    border-radius: 20px;

}

</style>

Hope this answer helps.

Best regards,

Victor | PageFly

[moman_mir]

these are not working i have warehouse theme