Blog pages in Hydra don’t have header background | BoldGrid
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #27559 Reply
    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

    #27618 Reply
    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.

Viewing 2 posts - 1 through 2 (of 2 total)
Reply To: Blog pages in Hydra don’t have header background
Your information: