WordPress.org

Ready to get started?Download WordPress

Forums

Background issues using Bretheon theme (2 posts)

  1. dyerdesigns87
    Member
    Posted 4 months ago #

    I am currently using the Bretheon theme and for some reason my background is only appearing in certain browsers and not appearing in others. Has anyone else had this issue? If so please help!

    My website link is http://www.justritecomfort.com

    Any help or suggestions are highly appreciated!!

  2. CrouchingBruin
    Member
    Posted 4 months ago #

    Safari was the only browser where I could not see the background image. The problem is with a CSS rule which sets the background of the HTML element:

    html {
    background: #f8f8f8 url("http://www.justritecomfort.com/wp-content/uploads/2014/02/seatbelt2.jpg") no-repeat fixed center center / cover;
    background-color:transparent;
    }

    I don't know why there's that bit at the end, the "/ cover", but that's what Safari doesn't like. There's an extra center value as well. You can override that rule by adding your own CSS. If your theme has a Custom CSS option, then add this to it:

    html {
    background: #f8f8f8 url("http://www.justritecomfort.com/wp-content/uploads/2014/02/seatbelt2.jpg") no-repeat fixed center;
    }

    If your theme does not have a Custom CSS option, you can install a CSS plugin and add the rule that way.

Reply

You must log in to post.

About this Topic