[Ask] Change background image in Cool White Themes

Hi guys,

I'm newbie in wordpress. A friend requested me to use cool white theme for his web. And this is the display I got.


But later he want the background similar to this web.



Since I don't know coding, I change background image from dashboard --> appearance --> custom background.

But I got result like this.



The white portion should not reach the top. How can I change this?

And second question, this theme using CU3R to create slideshow. I'm not familiar with this. For me the documentation is not clear. It seems I will have to pay if I want to use this feature. But my client don't want to pay more. So he ask me to finish the design without additional cost. Is it possible to use CU3R freely?

Thanks in advance

 

I can help you with the top margin issue

You will need to identify the element that has the white background applied to it. I would guess it would be something like #container, #wrap, #wrapper. etc.

Once you locate the name of the element, give it the following CSS properties:

For example, let's say it is the #container element....

#container {
margin-top:35px;
}

Of course you can change the number to either increase or decrease the spacing respectively.

Hope that helps -Scott

 

Hi AlohaThemes.com,

Thanks for your advice. I assume it is located in style.css so after checking, I found this:

/*Contact form  style*************************************************************/

#container
{
        margin: auto;
	overflow: hidden;
	position: relative;

PHP:

I change it as your advice becoming like this:

#container
{
        margin-top:35px; 
	overflow: hidden;
	position: relative;

}

PHP:

But the result, my themes becomes transparent like this.

Is there anything else I should change?


Uploaded with ImageShack.us

 

You'are welcome

Hmmm...that is odd. I would make sure you did not forget to close a tag or something. Not sure about that result.

Another thought...try this instead on the body tag instead:

body {padding-top: 35px !important;}

Replace the #Containers original code

Good luck! - Scott

 

Hi AlohaThemes.com,

I tried it, but no change, the background is still transparent. I have checked the tag, it is closed.

Even I revert back to original code, the display doesn't change, it becomes transparent

 

Sounds like you have another issue going on then. The code I sent you should make the change you are after.

Perhaps you removed the containers background color? Try adding #container{background:#fff; margin-top:35px;}

I'm going to bed for the night. Good luck!

- scott

 

Thanks for your advice, but problem still remains. So I change it back to the original color

 

You can play with the different options of the CSS styles by using Firebug addon in Firefox or by right clicking in Chrome and then choosing Inspect Element, there's an option to the right where you can check how changing one style will change your theme.

The changes will be instant so you don't have to change the styles.css every time to see the changes, it can help you to find what is the error faster.

 

Hi guys,

After searching for the solution everywhere, I found css background plugin. Using it, I finally can adjust the background as I wanted.
Don't know how it works, but case is solved now

Thanks for all your advices