Inserting html background into Superhero theme

  • Unknown's avatar
    justadad247 · Member ·

    The background I am loading changes in different formats (Monitor, iPad, mobile, etc.) I want to program the css with this

    div {
    background-image: url(plasma.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box }

    #1. Where do I put this in the coding (and can I)?

    #2. Does it belong in the Superhero theme that I am using or someplace else?

    #3. Do I just replace “url” with the html of the image I want in the background?

    Any thoughts or better ways of doing this is greatly appreciated. Thanks in advance!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    supportbot · Member ·

    The blog you specified at justadad247.com does not appear to be hosted at WordPress.com.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

    If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, you would want to put that into the CSS. Since you have the Jetpack plugin from WordPress.com installed, my suggestion would be to go to Appearance > Edit CSS and put the code in there. That way won’t have any issues with theme updates overwriting your changes.

    Upload your image to your media library and get the URL of that image and replace URL_OF_IMAGE between the double quote marks with that URL. Delete the informational text from the CSS edit window and then paste in the code and preview.

    body {
background-image: url("URL_OF_IMAGE");
background-repeat: no-repeat;
background-size: 100% 100%;
background-origin: content-box;
}
  • The topic ‘Inserting html background into Superhero theme’ is closed to new replies.