Box up of Email Address

Solved
Bertriz
Explorer
51 2 25

Hi,

How can I have a full box up at the email address? Currently, it is missing at the right side of the text box.

Bertriz_0-1625330751335.png

 

0 Likes
NgnLoop
Explorer
60 10 46

Hi,

 

please mention your store link to proceed further.

0 Likes
Bertriz
Explorer
51 2 25

HI,

 

it is https://joyintots.com/ 

0 Likes
Bertriz
Explorer
51 2 25

Hi, any update?

0 Likes

This is an accepted solution.

Hi Bertriz,

Hope you are well.

As per my understanding are you talking about the missing border on the right ?

If so, follow the below steps:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.css
  3. Press Ctrl+F within the code and search for ".input-group .input-group-field"

 

.input-group .input-group-field {
    width: 100%;
    margin-bottom: 0;
    border-color: #ababab;
    border-right: none;
}​

 

  • Delete  "border-right: none;" & Save the file

 

.input-group .input-group-field {
    width: 100%;
    margin-bottom: 0;
    border-color: #ababab;
}​

 

newss-box.png

Hope that fixes your problem.

 

Thanks

- If helpful then please Like and Accept Solution.
- Feel free to contact me on prasanna.mahamulkar@gmail.com regarding any help.
Shopify Frontend Web Developer | prasannamahamulkar.com
Bertriz
Explorer
51 2 25

Thanks! That's what i am looking for

0 Likes