Beautiful Pro Theme – Make Background Image Work with Retina

Community Forums Forums General Discussion Beautiful Pro Theme – Make Background Image Work with Retina

This topic is: resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Susan 7 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #92584

    Soul is Satisfied
    Member
    Post count: 3

    Trying to add a Media Query to my CSS so the site will display an @2x image of my background on high resolution screens. I’ve added the following at the top of the Media Queries in my style.css file, but it’s not working. Any thoughts?

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-device-pixel-ratio: 1.5) {

    .site-container .custom-background .site-header-banner {
    background: url(http://www.soulissatisfied.com/wp-content/uploads/2014/02/soulissatisfied-ring-banner@2x.png) no-repeat left !important;
    background-size: 2000px 300px;
    }

    }

    http://www.soulissatisfied.com
    #100758

    Susan
    Moderator
    Post count: 9406

    As you posted this a while ago, I hope you got your issue resolved. If not, please let me know, and I will take a look (or escalate if I cannot help).

    If it is resolved, please mark it resolved, so that the thread can be closed.

    Thanks!


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.