I need help in style.css wordpress

Mrmoon75

14 years ago

Can you point me to an online version of your site? That makes it easier to find the proper code to alter.

Thanks

{{ DiscussionBoard.errors[7255042].message }}

royalgalaxy

14 years ago

its http://www.healthyreserve.com

Thanks

{{ DiscussionBoard.errors[7255083].message }}

Mrmoon75

14 years ago

Okay,

There should be an screen.css style sheet as well. At linenumber 121 there's something like:
.span-24, div.span-24 {
width: 950px;
margin: 0px;
}

Try and alter that 950px into a lager number and see what happens. Maybe you'll have to change some other values accordingly to maintain correct properties.

Thanks
1 reply

{{ DiscussionBoard.errors[7255148].message }}

royalgalaxy

14 years ago

Originally Posted by Mrmoon75

Okay,

There should be an screen.css style sheet as well. At linenumber 121 there's something like:
.span-24, div.span-24 {
width: 950px;
margin: 0px;
}

Try and alter that 950px into a lager number and see what happens. Maybe you'll have to change some other values accordingly to maintain correct properties.

nope there isn't any .span-24, div.span-24 {

Thanks

{{ DiscussionBoard.errors[7255253].message }}

shahidsaif

14 years ago

please go on google and write inside the search box that how i can change width of site. or u can visit the style.css in site.

width: 850px;
margin: 0px;

Thanks

{{ DiscussionBoard.errors[7255198].message }}

fermanaziz

14 years ago

you can use firebug addon to edit css of your themes, here is a link I found on google which will help you for sure

How To Easily Edit Your WordPress Theme Design With The Firebug Firefox Addon

[ 1 ] Thanks

Signature

From
Scratch to Success

{{ DiscussionBoard.errors[7255222].message }}

Dong Lee

14 years ago

Thats actually pretty easy

For the body or main div of your website, Set the margin to auto and width to whatever you want. This will align your website to center

Thanks
1 reply

{{ DiscussionBoard.errors[7255272].message }}

royalgalaxy

14 years ago

Originally Posted by Dong Lee

Thats actually pretty easy

For the body or main div of your website, Set the margin to auto and width to whatever you want. This will align your website to center

yes...but im not getting the width px ....

Thanks
1 reply

{{ DiscussionBoard.errors[7255307].message }}

ronc0011 14 years ago

This should be pretty interesting . Setting widths on something like Wordpress can be a bit involved. mostly because widths are generally setup in one of two different ways intended to accommodate two different goals the first and most common with Wordpress themes is a fixed width designed to use basically a slice of real state down the middle of the screen leaving bands of empty space down either side of the screen. This approach is meant to accommodate more monitor / screen resolutions particularly smaller screen sizes. so on larger monitors you get bigger empty spaces down the sides.. The other alternative is a liquid layout which would mean redesigning your template entirely. A liquid layout will change sizes to fit whatever screen it is displayed on.
- Thanks
{{ DiscussionBoard.errors[7255360].message }}

Mrmoon75

14 years ago

Next to the earlier mentioned .span with the width of 950px you probably must change the .container width as well.

Also in screen.css at line 94

Thanks
1 reply

{{ DiscussionBoard.errors[7255335].message }}

royalgalaxy 14 years ago

Originally Posted by Mrmoon75

Next to the earlier mentioned .span with the width of 950px you probably must change the .container width as well.

Also in screen.css at line 94

I couldn't find the word .span and there is nothing in line 94
- Thanks
{{ DiscussionBoard.errors[7255368].message }}

Mrmoon75

14 years ago

Well,

PM me, with ftp details and I can take a look.

Thanks

{{ DiscussionBoard.errors[7255489].message }}

copilu0

14 years ago

You need to change all of these (put your values and make sure your .span-16 value with your .span-8 value do not exceed the container value minus 10):

Code:

.container {
    width: 1150px;


}

.span-24, div.span-24 {
    width: 1150px;


}
.span-16 {
    width: 830px;


}


.span-8 {
    width: 310px;


}