Jagged bottom of header background image in Resolve Theme

Posted on March 23, 2021 by

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