I wonder how to adjust the width of the content area? Would I have to do that in the custom.css file? Could you in that case show an example of such a code that I could modify to my preferences?
Width of content area
16 posts from 6 voices-
Posted 1 year ago #
-
Yes you can do that in the custom.css. It is recommended to adjust everything whithin the custom.css
Try this code:
.content .box {
width: XXpx;
}Posted 1 year ago # -
Thanks a million. It works:-)
Posted 1 year ago # -
Your welcome
Posted 1 year ago # -
jorisvh - thanks for helping us out. Status set to resolved.
Posted 1 year ago # -
I notice that the right sidebar doesn't follow this new width, and will get underneath the content... Is there a way to push the right sidebar so that it ends up edge to edge with the content?
Posted 1 year ago # -
You can push the right sidebar over by adding the following to your custom.css or Quick CSS and adjusting the number to suit the new content width:
#top .sidebar2 { left: 832px; }(This example is for content width of 500)
Posted 1 year ago # -
Very cool. Works perfectly! Thanks:-)
Posted 1 year ago # -
Hi everyone!
I changend following:
.content .box {
width: 600px;
}#top .sidebar2 {
left: 932px;
}
When I do so, and the option "Blog Overview Image layout" is set to "Display Image Small Beside Entry..." the small image is in the wrong position.
What can I do to fix this?
Thank you!
Dennis
PS: I love this theme! It is the best for my needs - that's what I find out after several days of search...
Posted 1 year ago # -
Bump... :-)
Posted 1 year ago # -
Hi dennkiel,
Try adding the following to your Quick CSS:
.preview_image, #top .template-archive-overview .preview_image{ left: 582px; }Posted 1 year ago # -
Hi Devin!
Thank you for your help. With a little correction it works. Here the code:
.content .box { width: 600px; } #top .sidebar2 { left: 932px; } .preview_image, #top .template-archive-overview .preview_image{ left: 591px; }But - the thumbnails are now "blown up" and not useable. But I'll check this idea: http://www.kriesi.at/support/topic/masonry-thumbnail-grose
Thanks for helping... :-)
Dennis
Posted 1 year ago # -
True!
If you need to modify the thumbnails size open the functions.php file and modify the size that is generated by wordpress in the array at the top of the page.
BTW Dennis: Only me and Dude do speak german, other staffers wont be able to get much out of a german thread :D
Thanks for your help!
Posted 1 year ago # -
Hi, I've started adding products via the woocommerce product module, and on a typical product page the right sidebar will be moved back (left) where it was before I implemented the CSS fix that Devin gave in his first answer to this post.
I notice that the same happens with a regular post as well
Will I have to use a similar code only addressing the product page and posts in some way?
Posted 1 year ago # -
I notice now that it really only works with the product page (page specified from the woocommerce settings), and other pages generated by woocommerce like, my account, shopping cart and checkout. With all other pages, posts and portfolio pages the sidebar hides under the content area.
So I see now that I need a code for those pages to push the sidebar to the right:-)
Posted 1 year ago # -
Sorry guys, I managed to fix it using the code found in this post: http://www.kriesi.at/support/topic/right-sidebar-3
Thanks:-)
Posted 1 year ago #
Topic Closed
This topic has been closed to new replies.














