Add custom footer border

Resolved neilj01
(@neilj01)

4 years, 2 months ago
Hi,
I would like to add a custom border image above where my footer widgets start to differentiate the footer area from the rest of the site. Is there CSS to do this?

I found this code:
```
#footer
{
background-color: #F3F3F3 !important; /* Bonus light gray background color, you can remove it if you wish */
border-top: 1px solid rgba(206, 206, 206, 0.4); /* 1px high and 60% transparent border */
}
```
The colour for the widget and footer area is #004687 How do I add the custom image bar?
- This topic was modified 4 years, 2 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

Aezaz Shekh
(@aezazshekh)

4 years, 2 months ago

Hello @neilj01

Can you send me the link of your page where you want to add a custom border? so I can write the CSS code for it and give it to you.

Thanks
Thread Starter neilj01
(@neilj01)

4 years, 2 months ago
Hi @aezazshekh thank you.

The page is [ redundant link removed ]

And the image I want to place is https://digiblusse.com/wp-content/uploads/2022/03/revised-compliant.png

Thank you for your help
- This reply was modified 4 years, 2 months ago by Jan Dembowski.
- This reply was modified 4 years, 2 months ago by Jan Dembowski.
Thread Starter neilj01
(@neilj01)

4 years, 2 months ago

Hi @aezazshekh the moderatorators seem to have removed the page link. but it is the domain name in the image link and the page is /direct-debit Thanks

Moderator Jan Dembowski
(@jdembowski)

Forum Moderator and Brute Squad

4 years, 2 months ago

but it is the domain name in the image link and the page is /direct-debit Thanks

Yes, it is literally the link already in the link field. We get a lot of spam, try not to do that again. OK?

Thread Starter neilj01
(@neilj01)

4 years, 2 months ago

I won’t make that mistake again. Thanks.
Thread Starter neilj01
(@neilj01)

4 years, 2 months ago
Here is the solution:
```
.footer-main.footer--row.layout-contained:before {
    content:'';
    display: block;
    height: 12px;
    background: rgb(25,70,130);
    background: linear-gradient(90deg, rgba(25,70,130,1) 0%, rgba(78,127,35,1) 100%);
}
```

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Add custom footer border’ is closed to new replies.

Add custom footer border

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics