Jagged bottom of header background image in Resolve Theme

Tagged: Resolve

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
March 19, 2021 at 6:47 pm #35193

Britney
Guest

Hello! We are using the Resolve theme and inMotion hosting. We have a few issues with our header:
1. The background image in the header is jagged at the bottom, not sure why it cuts up in the middle and then over
2. There’s a gray block between the header and page
3. There’s a lot of space after our call to action that I can’t get removed

It’s currently set to fixed, full width. Any help would be appreciated, as this makes our site look really unprofessional and I’ve googled/looked in forums/tried everything I can think of. I have just a basic understanding, not super techy. 🙂 Thanks!

March 19, 2021 at 6:53 pm #35221
Jesse Owens
Keymaster
Hi Britney-

That “jagged edge” is a part of the Resolve theme, but you can remove it with a little bit of Custom CSS.

Navigate to Customize > Advanced > Custom JS & CSS and paste this code into the Custom Theme CSS field:
```
div.background-accent {display: none;}
div.entry-content { margin-top: 0 !important; padding-top: 0 !important; }
```
That will resolve issues 1 and 2. For issue 3, add one more line:
```
.mod-space-home { margin-top: 10%; }
```
That will reduce the space underneath your call to action. You can adjust the 10% value to suit your needs. Right now, it’s 25%. If you want to get rid of the extra space entirely, you can change it to 0.
March 22, 2021 at 8:16 pm #35245

Britney
Guest

Thank you so much, this did fix all of the issues! I didn’t realize it was part of the theme, I came in after the theme was selected, but now that I go back and look I see it. I’m very grateful for your help!
Author

Posts