Answer

Answer

Hello! Sorry about the frustration. It looks like you've got the code on two lines there. When you have it right, you should only see one line number on the left-hand side there. In your screenshot, you can see that "div:nth-" starts a second line of code.

Hello Jesse and thank you for the response. I tried adding this custom JavaScript but it did not resolve the issue. Maybe I did something wrong. Here is where I pasted it("Custom theme JS" box bottom left):

Hello!

Yes, there is a typo in your JavaScript. Remove the two forward-slash characters at the very beginning ( // ), and make sure that the snippet is pasted in exactly as it appears here

jQuery('body.page-template-default #masthead > div:nth-child(3)').addClass('mod-space-home');

Answered

Hello!

Thanks for the excellent question. You're right, in BoldGrid Resolve, the background image is only given its full height on the front page to make room for a call-to-action widget.

If you'd like to get your other pages to follow the same look and feel, you can do this with a custom JavaScript in your Customize > Advanced > Custom JS & CSS. Paste the following snippet into your Custom Theme JS box:

jQuery('body.page-template-default #masthead > div:nth-child(3)').addClass('mod-space-home');

I hope this helps!

I tried taking out the (//) at the beginning and I copy pasted the code snippet but it still didn't work? Here is what it looks like:

Answer

Hello! Sorry about the frustration. It looks like you've got the code on two lines there. When you have it right, you should only see one line number on the left-hand side there. In your screenshot, you can see that "div:nth-" starts a second line of code.