Blog pages in Hydra don’t have header background

Posted on September 25, 2020 by

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

Author

Posts
September 25, 2020 at 5:47 pm #27559

Harvey Cusworth
Guest

I am using Hydra theme from BoldGrid. The window below the header that shows the background image is much smaller in height on my Blog Post page that the other pages on the side. The height is minimal. I have not been able to fix it. I would like the height for the blog page to be the same as the other pages on the site. Can you help me? Thanks Harvey Cusworth

September 28, 2020 at 4:50 pm #27618
Jesse Owens
Keymaster
Hello Harvey-

There are two steps to making your background image do this. First, we’ll need to modify your blog pages so that they have the right CSS classes for using the background. Navigate to Customize > Advanced > Custom JS & CSS and add the following line to your Custom Theme JS:
```
jQuery('body.blog').addClass('single single-format-standard').removeClass('blog');
```
Then, add this line to your Custom Theme CSS:
```
.single .main { margin-top: 10em; }
```
You can adjust the value “10em” to fit your needs for the size of the image.
Author

Posts

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

The topic ‘Blog pages in Hydra don’t have header background’ is closed to new replies.