Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #17085

    Hi there.

    I have a custom background uploaded to the theme. It works pretty well for most of the pages except for the store pages. The text disappears in the black part of the custom background when resizing for a phone.

    Am I able to call a background image via the @media CSS/command?

    Thanks for the info.

    Bryan

    #94126

    Hi,

    Can you give us a link?

    Regards,

    Ismael

    #94127

    Yes. Sorry about that: http://virtualprivateinternet.com

    Thanks, Ismael.

    #94128

    Hi,

    Do you mean the top text about the ip address? or the bottom black area becoming a bit tall and swallowing something? or is it occurring above the logo? Sorry, I don’t have an iphone and the emulator is showing everything is ok.

    You can try this to see if the background will override using a media query, just change the file name to the new iphone background and put the code below into custom.css

    @media only screen and (min-width: 480px) and (max-width: 767px) {

    html.html_boxed,body{background-image:url(https://www.virtualprivateinternet.com/wp-content/uploads/2011/12/vpi_bg_test_larger.png)}html,body{background-position:top left}html,body{background-repeat:repeat}html,body{background-attachment:scroll}

    }

    If you want to target iphone, you can substitute the line below for the first line in the above example

    @media only screen and (max-device-width: 480px) {

    Here is a reference page with a bunch of media queries for various devices http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Thanks,

    Nick

    #94129

    Hi Nick,

    Thank you for the targeted support/information. I’m going to give it a try to see if it works and post the results for other folks to use here when I’m done.

    Bryan

    #94130

    Sounds good Bryan and good luck :)

    Regards,

    Devin

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

The topic ‘Am I able to add a custom background for iphones/phones?’ is closed to new replies.