Background image not appearing in wrapper

  • Resolved april_violent

    (@april_violent)


    11 years, 10 months ago

    Hi everyone and thanks for your help.
    I’m an amateur at CSS and I am currently building a wordpress site based on a theme I have heavily modified. I am struggling to insert a background image into the wrapper section which is outlined by the drop shadow. I have trawled forums for the last few hours trying to find a solution and still can’t figure this out.

    You can view the site here https://www.beautyatirenas.com/

    This is my wrapper with background image…

    #wrapper {
	background-repeat: repeat;
	background-image: url(https://www.beautyatirenas.com/wp-content/uploads/2013/05/fran_bg.jpg);
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -20px;
	margin-left: auto;
	height: 550px;
	padding: 0px 130px 0px 130px;
-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
-moz-box-shadow: 0 0 5px #dfdacc;
-webkit-box-shadow: 0 0 5px #dfdacc;
box-shadow: 1px 1px 9px #dfdacc;
	border: 0px solid #f6f7f6;
	border-radius: 6px;
	clear: both;
	position: relative;
}

    I would just like to use the image ‘fran_bg.jpg’ in the wrapper section of the site as well as in my widget in the bottom right. When building this site locally this css worked fine, when transferring to my host it doesn’t show up when I view the site.
    I have tried everything from ‘background-image’ to just ‘background’ as well as using ../ in the url.

    Also, a second issue I am having but isn’t as pressing, is embedding custom fonts. Even though I’ve uploaded my custom fonts via ftp and placed the respective css and url into the stylesheet they still do not appear.

    I feel a bit silly, I’ve been staring at the back end of this site all day and there is probably a very straight forward solution to all this which I am just not seeing.

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

  • Your background image is working fine for me – be sure you’ve cleared your browser cache.

    Is there a reason you are not using a Child Theme – as is, your changes will be overwritten when the theme is updated.

    Thread Starter april_violent

    (@april_violent)

    Ah, that is wow, previously it wasn’t working for me, and my client was on a separate computer complaining of the same thing! It only started working now?

    As for the child theme, you’re right, I should use one, I will set one up immediately.

    Thanks!

    P.S Are the embedded fonts working for you perhaps?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background image not appearing in wrapper’ is closed to new replies.