Support » Theme: Ignis » Resize page header

  • Resolved raymondr


    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?

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • 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.

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

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

    Great, you’re welcome!

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

    Kind Regards, Roman.

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

    Hello, try to add this CSS code as well:

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

    Kind Regards, Roman.

    Brilliant! This works fine.

    Thanks for your help.

    Love your theme it looks great.

    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)
  • You must be logged in to reply to this topic.