Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS make background-image cover whole page

  • This topic is empty.
Viewing 11 posts - 16 through 26 (of 26 total)
  • Author
    Posts
  • #155212
    expandir
    Participant

    /bump !

    #155215
    Alen
    Participant

    Forum hungry, eating my stuff up.

    #155216
    expandir
    Participant

    You mean RTFM (an obvious question), that I am lame or that I should wait for google’s response?

    Thanks

    #155217
    Alen
    Participant

    Relax dude. Im trying to reply but can’t. Anyways… good luck

    #155221
    expandir
    Participant

    I meant no harm. It’s just that I didnt understand your reply. Maybe I AM lame. It’s just that im confused.

    #155225
    georgearnall
    Participant

    You are getting a 404 error on your background-image property:

    .page-id-945 {
      background-image: url(http://www.biomayeutika.org/wp-content/themes/biomayeutika/%E2%80%98http:/www.biomayeutika.org/wp-content/uploads/2013/10/MG_1263.jpg%E2%80%99);
    }
    

    I think you mean this:

    .page-id-945 {
      background-image: url(http://www.biomayeutika.org/wp-content/uploads/2013/10/MG_1263.jpg);
    }
    
    #155226
    expandir
    Participant

    My custom CSS looks like this:

    .page-id-945 {
    background-image:url(‘http://www.biomayeutika.org/wp-content/uploads/2013/10/MG_1263.jpg’) !important;
    background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }
    .page-id-945 #wrapper {
    background-color: transparent;
    }
    

    I am a little desperated now. I don’t know why it changes….

    #155227
    expandir
    Participant

    This is how it looks ….
    http://ctrlv.in/255350

    #155228
    georgearnall
    Participant

    Could you reiterate exactly what you are trying to do because I am not totally sure you are talking about your original problem still.

    Also, can you confirm that this code is at the url http://www.biomayeutika.org/registro.

    Based on the site you have online, it looks to me like the url of the image is incorrect. Please can you try changing this and get back to me.

    Thanks

    #155232
    expandir
    Participant

    Hi George!

    The thing is, I think that google pagespeed service has something to do with this.

    It worked perfectly (thanks to you) and then suddenly stopped working, like that. The CSS code does look good on my side, it is indeed http://www.biomayeutika.org/registro that I am trying to change, and I posted the relevant CSS code above. It is my original problem, trying to set up an image as the background of the whole page.
    What is confusing me is that my code points to the good page:

    .page-id-945 {
    background-image:url(‘http://www.biomayeutika.org/wp-content/uploads/2013/10/MG_1263.jpg’) !important;
    

    but still…

    :(

    #155242
    georgearnall
    Participant

    I’m afraid I know nothing about pagespeed, as a suggestion you could try completely removing it from your code and seeing if there is still a problem. Then if the problem is fixed try adding again using new code rather than just putting the old pagespeed code back?

    It could be the way you have implemented the code. However, I honestly have no idea.

Viewing 11 posts - 16 through 26 (of 26 total)
  • The forum ‘CSS’ is closed to new topics and replies.