full-width bar above .entry-header | WordPress.org

[ad_1]

EDIT: Again, I’ve managed to solve it by myself 😀 I’ve figured I can style .main-navigation:after 🙂

I’m really happy with Vantage theme and Site Origin Page Builder and have easily managed to make customisations, but there’s one thing that I’d love to implement on my website and I can’t seem to be able to find a good way.

I’d like to have a custom full-width bar (above .entry-header) with a background colour (and pattern), for decoration. I’ve achieved this by styling header with the following code:

.entry-header {
margin: 0 -9999rem;
padding: 1rem 9999rem;
background-color: #f5f5fb; }

and by making .entry-title transparent but this is a very dirty workaround and it means that I get several colour bars on my blog page, for each post, whereas post titles are invisible.

Is there any other way to achieve this? I would be very grateful for your help!

  • This topic was modified 7 minutes ago by mwjoch.

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer