Need help adding an image to site background

  • ozstar

    (@ozstar)


    11 years, 11 months ago

    Hi,

    I’m new to WP and the Customizr templates.

    Have 3.9.1. and the latest Customizr

    I want a soft bubble look all over the site, including the Home Page.

    I have placed this in the Custom CSS

    ‘background: url(/wp-content/uploads/2014/07/bubbles.png) ;’

    but it doesn’t show.

    It does show in the browser ..

    ‘http://223.130.27.185/~carspacom/wp-content/uploads/2014/07/bubbles.png’

    Have tried a few things with codes in Custom CSS of what I have read and seen here and in forums, but no go and my experience is limited.

    Thanks

    oz

Viewing 7 replies - 1 through 7 (of 7 total)
  • deputy05

    (@deputy05)

    11 years, 11 months ago

    A link to your site would help you get targeted support…

    See this snippet relating to your inquiry.

    Also…check out the other snippets if you haven’t already…lots of useful information. If you are new make sure you check out the Get started menu item also…

    Thread Starter ozstar

    (@ozstar)

    11 years, 11 months ago

    Hi,

    Thanks for the reply.

    The site is here.

    http://223.130.27.185/~carspacom/

    Yes I have tried those codes but nothing seems to happen which is what I also see happens to some others.

    The help is really great and I look forward to getting into many of the options however somehow this one has me in a corner.

    Thought may be someone can offer some alternatives to get the background image over the site.

    I have purchased the Featured and Fonts plugs in too.

    Thanks again

    oz

    deputy05

    (@deputy05)

    11 years, 11 months ago

    Is the bubbles image uploaded? I don’t see it…and if I attempt to use it, it returns a 404.

    Thread Starter ozstar

    (@ozstar)

    11 years, 11 months ago

    Hi,

    Thanks. I am on a mobile so don’t have full access but did get the bubbles file at the address above /wp-content/uploads/bubbles.png

    I also have the image in the /2014/07/ folder.

    Thanks

    Oz

    deputy05

    (@deputy05)

    11 years, 11 months ago

    Okay…this is a bit odd…maybe the experts can explain it…but if I eliminate the first slash, it works for me…something like this:

    body {
background: url(wp-content/uploads/2014/07/bubbles.png) repeat;
}
    Thread Starter ozstar

    (@ozstar)

    11 years, 11 months ago

    Hi,

    Yes that is strange, however you’re right, it does work without that slash.

    Now, I just need it to be also on the area around the Featured images.

    Any ideas here?

    Thanks for the help, it is appreciated.

    oz

    deputy05

    (@deputy05)

    11 years, 11 months ago

    You are welcome…but now comes the tricky part due to the way the FP’s are constructed…it all depends on what you want to do…

    For the main FP container:

    .fpc-container.fpc-marketing {
background: transparent !important;
}

    Now for the individual FP’s…you can either choose a different border color…or make it transparent as well but you will lose the zoom effect:

    .fpc-widget-front .round-div {
border-color: transparent !important;
}

    The use of !important is, well, important in this particular case since you need to override the FPU extension’s use of the same…you will just have to play around to see what you like…have you seen this snippet? Very useful in playing around with and trying different css modifications…other browsers have similar tools…

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

The topic ‘Need help adding an image to site background’ is closed to new replies.