Turn off repeating header

  • akarter

    (@akarter)


    9 years, 10 months ago

    Hello,

    I was hoping to figure out how to make it so the header doesn’t repeat?

    Thank you in advance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Jay Mayu

    (@mayooresan)

    9 years, 10 months ago

    You need to set the property no-repeat for your background image.

    Check this w3schols tutorial. Hope it helps.

    Regards,
    Jay

    Thread Starter akarter

    (@akarter)

    9 years, 10 months ago

    Thanks Jay. For some reason it still does not seem to be working. I am inputting variations of the following line into the Simple Custom CSS menu:

    1. body {background-repeat:no-repeat}
    2. header {background-repeat:no-repeat}
    [etc]

    Is the “header” considered part of the background?

    Jay Mayu

    (@mayooresan)

    9 years, 10 months ago

    any div can idealy have background. Would you mind sharing the live url of your site? so I can look for the fix there?

    Regards,
    Jay

    Thread Starter akarter

    (@akarter)

    9 years, 10 months ago

    Sure – http://www.failuretoflourish.com.

    Thanks again.

    Jay Mayu

    (@mayooresan)

    9 years, 10 months ago

    Changing the styles to following would fix your problem

    #parallax-bg {
background-image: url('http://failuretoflourish.com/wp-content/uploads/2014/06/cropped-Screen-shot-2014-06-06-at-7.29.05-PM.png');
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
background-size: cover;
}

    The changes I’ve done here is made the background-size to cover and set the background-repeat property to no-repeat

    Remember to create child theme before editing the styles.

    Hope it all make sense.

    Regards,
    Jay

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Turn off repeating header’ is closed to new replies.