- Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Notice: Trying to get property 'comment_author_email' of non-object in /var/html/dev/wp/wp-content/plugins/fv-gravatar-cache/fv-gravatar-cache.php on line 236
doris
ParticipantWarning: Cannot modify header information - headers already sent by (output started at /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php:340) in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_wp.class.php on line 220Hi, can I change the width of columns? I would like to broaden the whole site as well as the middle column. Is this possible, how? Thank you Doris
AdvertismentDeprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Notice: Trying to get property 'comment_author_email' of non-object in /var/html/dev/wp/wp-content/plugins/fv-gravatar-cache/fv-gravatar-cache.php on line 236Alexander
ParticipantWarning: Cannot modify header information - headers already sent by (output started at /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php:340) in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_wp.class.php on line 220Before you dig deeper into this, please consider that the change of the layout of a theme in many cases will jeopardize the responsive design.
To adjust the width from 1140px (standard size of the theme) to 980px you can adjust the wrapper ID. e.g.
#wrapper {
width:980px;
}It will makes the whole blog smaller.
The content areas are calculated in percentage relative to the blog width. Their width also depend on the layout you’ve choosen: One colum in a three column layout is smaller that one column in a two column layout.
In case you’ve choosen 3 columns than:
.blog .twothirdcol {
width:78%;
}will be the parameter to adjust. You also have to take the sidebar always into consideration. In this example the sidebar must be adjusted to 22%.
.blog .threecol {
width:22%;
}Hope you get the hook of it.
Cheers,
Alexander @ http://www.mouseclick.com
Tagged: columns
You must be logged in to reply to this topic.