full-width bar above .entry-header

  • Resolved mwjoch

    (@mwjoch)


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

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

Viewing 1 replies (of 1 total)
  • Andrew Misplon

    (@misplon)

    1 year, 11 months ago

    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.