Need help with CSS

[x8smile]

Hi,

My site is: http://jpgpic.com

How can I change the text color in here:

http://www.jpgpic.com/image/4

And how can I increase the length of the white box

Thanks,

 

[Piers]

Which white box? What's the div name?

 

[speteor]

If you change the css on line 112 in style.css
Delete:

background:url('./theme-img/bkg-content.png');
margin-top: -26px;

Add:

background: #ffffff;
margin-top: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 10px 5px #7CC6EB;
-moz-box-shadow: 0px 0px 10px 5px #7CC6EB;
-webkit-box-shadow: 0px 0px 10px 5px #7CC6EB;

You should get a similar effect. Play around with the box shadow and margin-top to entirely fix it.

 

[x8smile]

If you change the css on line 112 in style.css
Delete:

background:url('./theme-img/bkg-content.png');
margin-top: -26px;

Add:

background: #ffffff;
margin-top: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 10px 5px #7CC6EB;
-moz-box-shadow: 0px 0px 10px 5px #7CC6EB;
-webkit-box-shadow: 0px 0px 10px 5px #7CC6EB;

You should get a similar effect. Play around with the box shadow and margin-top to entirely fix it.

Thanks but the bottom of the white content box is too close to the footer area in viewer page. How can I fix this ?

Thanks,

x8smile

 

[Piers]

Find #content {
and add margin-bottom: 20px;

 

[x8smile]

Find #content {
and add margin-bottom: 20px;

Thanks Piers 😀,