Resize page header

  • Resolved raymondr

    (@raymondr)


    5 years, 11 months ago

    Thanks for the theme!
    I would like to reduce the white space above and below each page heading – in this case “Testimonials” (and every other page title) has too much space around it.
    I prefer less space.
    I think it is referred to on line 903
    .ignis-hero-area {
    background-color: transparent;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    z-index: 11;
    margin: 0 45px;
    I have changed the background colour already but I am unsure about changing “background size: cover”
    How can I do this?
    Thanks!

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Roman Bondar

    (@romanbon)

    5 years, 11 months ago

    Hello, try to use the following CSS code.

    You can add CSS code in Customize → Additional CSS section.

    .ignis-hero-area .header-text {
    padding: 0;
}

    Please feel free to ask any other questions that you might have.

    Kind Regards, Roman.

    Thread Starter raymondr

    (@raymondr)

    5 years, 11 months ago

    I have pasted and published into “Customizing Additional CSS”
    But no change…
    Any suggestions?

    Thread Starter raymondr

    (@raymondr)

    5 years, 11 months ago

    Apologies – it seems to be working now – thank you!

    Roman Bondar

    (@romanbon)

    5 years, 11 months ago

    Great, you’re welcome!

    By the way, it would be nice if you mark this topic as Resolved 🙂

    Kind Regards, Roman.

    Thread Starter raymondr

    (@raymondr)

    5 years, 11 months ago

    Will do – one more related question, how can I alter the transparency on the Hero image header front page?

    Roman Bondar

    (@romanbon)

    5 years, 11 months ago

    Hello, try to add this CSS code as well:

    .ignis-hero-area.has-media .wp-custom-header::after {
    opacity: 0.5;
}

    Kind Regards, Roman.

    Thread Starter raymondr

    (@raymondr)

    5 years, 11 months ago

    Brilliant! This works fine.

    Thanks for your help.

    Love your theme it looks great.

    Roman Bondar

    (@romanbon)

    5 years, 11 months ago

    You are welcome!

    It would also be good if you leave your feedback for Ignis theme, here is a quick link 🙂

    Kind Regards, Roman.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Resize page header’ is closed to new replies.