change the body color

URL:http://webworxworld.com/client-demo8/

I want the change the color of the website body from white to light blue or something, how do I change that?

Thanks!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.body_wrapper {
background: lightblue;
}
.top_cornor {
background: lightblue;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.footer_wrapper {
background: none;
}
.footer_wrapper .footer_bottom {
background: none;
}
.bottom_cornor {
background: lightblue;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
width: 998px;
}

Inplace of "lightblue" you can put your color or color code.
This will solve your issue.

 

Thanks for the prompt response and solutions only 2 points where it is not working - frame under the slider and search box & breadcrumbs on the inside pages, see the screenshots below



and

 

Hello,

1. For the frame issue under slider,
It is not possible to do that with the css code because it is an image (i.e. slider-pag.png image).
But you can achieve this by editing the slider-pag.png image with the help of photoshop or any other tool.

And this slider-pag.png image is present in the image folder ( Theme directory > Image directory > slider-pag.png) of your theme directory.

Follow the link given below for reference.
http://www.inkthemes.com/how-to-edit-internal-files-through-ftp/07/

2. For the search box & breadcrumbs issues,
paste this code in Custom CSS

Appearance > Theme Option > Styling Option > Custom CSS

Code:

.page_navi_bg {
background: lightblue;
}
.content_wrapper #searchform #s, .sidebar #searchform #s, .footer #searchform #s {
background: lightblue;
}

This will solve your issue.

 

Okay thanks! How can I just remove that image then and have a simple square slider only?, I will also need to remove the blank space that removing this image will create. Please help.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#slides .slider_pag {
background: none;
margin-top: 0px;
}
#example {
margin-bottom: 35px;
}

You can adjust the values as per your requirement.
This will solve your issue.

 

works thanks!