How can I change the color of border below the footer?

How can I change the color of border below the footer?

eryk96
Tourist
8 0 3

Hello, can anyone help me with changing the border color to black? All of my schemes are turned to black and I still don’t know how to change it. I would like to change it on all pages. I am also sending a picture of a website with this black border just to be more specific.

link to my store: https://www.terror96.com/password

IMG_6793.jpeg

IMG_6794.jpeg

IMG_6795.jpeg

Replies 7 (7)

CodingFifty
Shopify Partner
616 97 116

Hi @eryk96,


Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after {
    box-shadow: 0 0 0 black !important;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
eryk96
Tourist
8 0 3

Hello, I pased this code at the end of the file with „base.css” in theme.liquid but it didn’t work. I don’t know if maybe I’m doing something wrong.

 

IMG_6796.jpeg

Made4uo-Ribe
Shopify Partner
9884 2354 2952

Hi @eryk96 

Please, can you be more specific? Which border are you referring to?

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
eryk96
Tourist
8 0 3

Hello, It’s about this white space right here.

 

IMG_6793.jpeg

Made4uo-Ribe
Shopify Partner
9884 2354 2952

Try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

@media only screen and (max-width: 749px){
div#Banner-template--24591282962698__email_signup_banner_WdWBY6 {
    height: 80vh;
}

div#Banner-template--24591282962698__email_signup_banner_WdWBY6 .media>img {
    object-fit: fill; 
}
}

 

  • And Save.
  • Result:
  • Made4uoRibe_0-1738362846857.png

     

 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
eryk96
Tourist
8 0 3

Hello, thank you for your support but it’s not what I’m looking for. I just want to change the background border color from white to black. This border appears when you try to scroll too much on mobile phone, also it only appears on google browser.

 

IMG_6799.jpeg

IMG_6797.jpeg

Sayed_Safin
Shopify Partner
59 3 2

Hi, @eryk96 the store is password protected and it's not accessible to us. 

Problem Solved? ✔Accept and Like solutions to help future merchants.
Github: https://github.com/safin777
Buy me a coffee