Background Image Error

Hi
Your background image feature - Theme Options > Background Image - dos not work
We uploaded a bg image through the theme options fro this site and as you can see, the bg image shows through the entire site.
Please let us know how to fix

thanks
http://www.grampiansaccommodation.info

 

Hello,
We have checked your website and the background is working fine.
This theme have the feature of full width background.
You can try any color image for the background, the website will look better.

 

Are you looking at the same thing I am - the image is going right through the theme instead of appearing at the margins- you can't read any of the text on the page! This is not how a theme background is supposed to work. In case you are seeing something else please see screen shot attached which shows the error. Can you let me know how to fix please.

 

Hello,

Theme is implement for lite color backgrounds and image you are using have heavy background that's why your text is not visible.
You can use lite color background image. It will look fine.

 

Hi there

OK, but you have not created a proper background image panel in this theme.
This is how a normal background picture is implemented in WordPress:
http://demo.studiopress.com/metro/
Can you please look at correcting the GEoCraft theme so that the bg image works correctly

many thanks

 

hey there marmoset, seems you want something that is out of the ordinary for the geocraft theme.

I would go about your problems, by just adding some custom styling.

Example:

just add:

Code:

.content_wrapper {
    border-radius:0 0 10px 10px;
    background:#fff;
    -webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.6);
box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.6);
 
}

This would add a white background to the content. and also, some drop shadow to the content box, and some nice rounded edges on the bottom.

All the best.

 

Thanks Kent very much
How can I add more margin to the left (See attached screenshot) ?

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.content_wrapper .featured_content {
margin-left: 10px;
}

You can adjust the value of margin-left as per your requirement.
This will solve your issue.

 

Thanks Piyush - you're a legend. And thanks kentoliver again mate.