full-width bar above .entry-header

  • Resolved mwjoch

    (@mwjoch)


    1 year, 12 months ago

    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 1 year, 12 months ago by mwjoch.

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

Viewing 1 replies (of 1 total)

  • Hi, thanks for getting in touch and for your kind feedback. You could make your rule specific to the first entry header.

    .entry-main > .entry-header

    It’s a bit beyond the support we’re able to offer here, but if you’d like to get a bit more advanced, you could output your own HTML via the following hook. Here is a tutorial on using action hooks.

Viewing 1 replies (of 1 total)
  • The topic ‘full-width bar above .entry-header’ is closed to new replies.