how can I make my website like this?

[zerryxu]

I check a site very good, much better than my site, it is also prestashop: http://www.chinaobdii.com/en/

 

my website: http://www.lovejewelrystore.com/

 

by compare my site is too poor

 

I want change something

 

1. font size

the words in my website is very small, I want it to be a little bigger, just like my friend site, how to finish that?

 

2 I also want the center part to be wider, such as like this:

 

3 I want the size fill with some pictures, such like this: 

 

 

how to solve the above 3 questions? thank you very much sirs!

[vekia]

1) you can increase size of all fonts by adding font-size:16px; param to body:

body {

font: normal 11px/14px Arial, Verdana, sans-serif;

color: #222;

background: #fff;

font-size: 16px!important;

}

it's a global.css file line 53

 

remember that each part of your shop can have own css styles, then you have to use font-size definition to other sections too

 

2) grid_prestashop.css increase width of columns (grid values) to any other width you want. after that in global.css change width of header, footer, center_column width too.

 

3) 

your fried has got background for whole body element: http://www.chinaobdii.com/themes/default/images/bg2.gif

and defined background color for #body element (with padding:5px like i described here: container block white background)

 

 

forum rules:

 

 

1 Topic = 1 Subject or 1 Question
- If you have more than one question, open more than one new topic!
- Do not ask your question on a thread that doesn’t deal with the exact same matter. Open a new thread, it’s alright to do so.

[zerryxu]

 

1) you can increase size of all fonts by adding font-size:16px; param to body:

body {

font: normal 11px/14px Arial, Verdana, sans-serif;

color: #222;

background: #fff;

font-size: 16px!important;

}

it's a global.css file line 53

 

remember that each part of your shop can have own css styles, then you have to use font-size definition to other sections too

 

2) grid_prestashop.css increase width of columns (grid values) to any other width you want. after that in global.css change width of header, footer, center_column width too.

 

3) 

your fried has got background for whole body element: http://www.chinaobdii.com/themes/default/images/bg2.gif

and defined background color for #body element (with padding:5px like i described here: container block white background)

 

 

forum rules:

background: #FFF;

I want add pictures but it doesn't work, I want the shadow like pink color with light or flower on it, something like that, how do I write the code:

 

#page {

box-shadow: 0px 0px 20px #888;

padding: 10px;

background: #FFF;

}

 

 

 

how can I find the picture code, which I want add it to my shadow, I am not familiar with code.

I hope I can add any picture I want, just tell me how to check the picture code, thank you

 

by the way I add font size in global.css, I didn't see any change

[vekia]

hello

 

this is code you added:

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background: #fff font-size:16px;
}

i suggested to use:

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background: #fff;
font-size: 16px!important;
}

you forgot about semicolon after backgrund param.

 

to define image as background, use:
 

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background: #fff url('http://www.chinaobdii.com/themes/default/images/bg2.gif');
font-size: 16px!important;
}

where the http://www.chinaobdii.com/themes/default/images/bg2.gif is an url to your image

 

effect:

[zerryxu]

sir, I don't want use his background, I want use another one, how to accomplish?

[zerryxu]

I want use a pink one

[vekia]

it was just example. i said there:

 

 

where the http://www.chinaobdi.../images/bg2.gif is an url to your image

[zerryxu]

sir, please check my website, I don't know what happened, I just change

 

grid_prestashop.css:

 

.container_9 {

margin:0 auto;

width: 980px;

 

I just change the width, but now I change it back, what happen to my site?

[zerryxu]

it is normal again, I don't know what happened just now.

ok I still not understand how to change the width of the border, I don't know what grid value to change in the grid_prestashop.css

can you tell me detail? sorry I not know code.

 

and how to add the shadow I like? I search on google for some good pictures to use on my shadow, how to use? 

[zerryxu]

I hear from my friend, if I want change the width, there are many places has to be change, such as other modules, is it?

[zerryxu]

 

I add the following to global.css

 

body {

font: normal 11px/14px Arial, Verdana, sans-serif;

color: #222;

background: #fff url('http://pic16.nipic.com/20110921/2457331_142506168000_2.jpg');

font-size: 16px!important;

}

 

doesn't work at all

[zerryxu]

all the background become pink, I only want border, it is like the effect you send to me, I like that effct.

[zerryxu]

I think the above code is not exactly right,

by the way can I add some picture which I download on my desktop? because the above picture has some words on it, I don't want. thank you!

[vekia]

you can, just upload it (image) to your ftp, or to webservice like imgur.com

then use url to this picture in background param

[zerryxu]

if the picture on my desktop, then it has no url

[zerryxu]

what my question is it covered the whole background, it is not like the picture effect you give to me(which only on the boder).

[vekia]

if the picture on my desktop, then it has no url

this is why i said:

you can, just upload it (image) to your ftp, or to webservice like imgur.com[/size]

then it will be online and you will have url.

[zerryxu]

which place of FTP i have to add the picture? 

 

after I add the code to global.css, it cover the whole background, not only the side board