Background image in Ignite?

  • Resolved laureninspace

    (@laureninspace)


    10 years, 9 months ago

    Not sure how to make a background image pop up to replace the blank backdrop.

    body {
background-image:url('image.png');
}

    does not work even if i put it in both style.css and style-prefixed.css.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    The URL of the image is relative to the stylesheet if you don’t include ‘https://’. It’s easiest to just use the full URL e.g. 

    body {
  background-image: url('https://mysite.com/media/2014/06/image.png');
}

    Also, add the following CSS:

    .main {
  background: none
}

    You should avoid adding the styles to the style.css file because they’ll be erased when you update to version 1.12 of Ignite. Instead, add the styles to a child theme.

    Instructions for creating a child theme: https://www.competethemes.com/documentation/ignite-knowledgebase/

    With the styles in the child theme, you can update to a new version of Ignite and your style changes won’t be affected.

    Thread Starter laureninspace

    (@laureninspace)

    Thank you! I was not expecting such a speedy reply. I will make sure to build a child theme. It was the background: none that I was missing.

    Theme Author Ben Sibley

    (@bensibley)

    no problem, thanks for using ignite!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Background image in Ignite?’ is closed to new replies.