- Posts
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 removedIt’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!
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.
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!
- The topic ‘Jagged bottom of header background image in Resolve Theme’ is closed to new replies.
