Background Image

[Diana Cobb]

Hi,

I’m not sure if you will be able to help me with this or not. I am trying to use an image for a background on one of my widgets, but I cannot seem to make it work.

My site is http://premiereroux.com/

The code I tried using to change the content bottom widget background is:

.lr_widget_content_bottom {
background: url(http://premiereroux.com/wp-content/uploads/2016/06/Elegant_Background-18.jpg) !important;
}

Thank you in advance if there is any assistance you can provide.

Diana

[Diana Cobb]

PLEASE DISREGARD THIS TOPIC. I checked my site on my tablet and the background image shows. Still doesnt show on my desktop…although I flushed cache and deleted browsing history. Hmmm…

Anyways, thanks! Sorry to bother!

[Binaya D]

Hi Diana,

No problem, if you face any problem in further then please let us know.

Thanks

[Diana Cobb]

Thank you for your reply. I’m a little stumped though…

My tablet reflects the new background images I placed on my widgets, However, my desktop does not show the changes. I tried looking my site up on two other computers at work that I never use and they did not show the background images either….

Any suggestions??

[Binaya D]

Hi Diana,

Please use the following css to fix your issue:

.lr_widget_content_bottom {
    background-image: url(http://premiereroux.com/wp-content/uploads/2016/06/Elegant_Background-18.jpg);
}

Thanks

[Diana Cobb]

Thank you for your reply. The background image(s) still do not show on the laptop/desktop. Here are the codes I entered in my stylesheet:

.lr_widget_content_bottom {
background-image: url(http://premiereroux.com/wp-content/uploads/2016/06/27377781-White-stone-tiles-wall-background-Stock-Photo-LIGHTENED-4.jpg) !important;
}
.left_sidebar{
background-image: url(http://premiereroux.com/wp-content/uploads/2016/06/27377781-White-stone-tiles-wall-background-Stock-Photo-LIGHTENED-4.jpg) !important;
}
.right_sidebar{
background-image: url(http://premiereroux.com/wp-content/uploads/2016/06/27377781-White-stone-tiles-wall-background-Stock-Photo-LIGHTENED-4.jpg) !important;
}
.lr_top_widgets {
background-image: url(http://premiereroux.com/wp-content/uploads/2016/06/Puppy-LIGHTENED2-resized-1.jpg) !important;
}

[Binaya D]

Hi Diana,

When we try it it has been changed, so you can check once and if you want to edit the code then you can follow the following steps:

Go to Dashboard => Appearance => Edit Css

We hope this will be helpful to you, if not the please let us know.

Thanks

[Diana Cobb]

Excellent! Yes it is working now!. Thanks!!!

[Binaya D]

you are welcome

[Diana Cobb]

Hello there,

Since my last reply on this thread, the background images on my left & right sidebars and bottom content widget on the home page has been linking to the WRONG IMAGE. I waited a few days to see if it simply took awhile to reflect all of the updates, but it is still showing the wrong image.

This is the link I have the background image set to in the stylesheet css:

http://premiereroux.com/wp-content/uploads/2016/06/27377781-White-stone-tiles-wall-background-Stock-Photo-LIGHTENED-4.jpg)

This is the image that is actually showing on the site:

http://premiereroux.com/wp-content/uploads/2016/06/Elegant_Background-18.jpg

Any tips you can give me would be great.

[Binaya D]

Hi Diana,

If You are using wrong then you can just replace the image URL which do you to kept as background image. We hope you understand.

Thanks

[Diana Cobb]

? Hmmm no I guess I don’t understand. The image URL is correct in my stylesheet, but my desktop site is displaying a different background image.

[Binaya D]

Hi Diana,

We found that the URL is not correct, so we just change it and we have kept the code in following direction:

Go to Dashboard => Appearance => Edit css

We hope you understand.

Thanks

[Author]

Posts