Showing blog category on left

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
7/4/2013 9:09:58 AM
Gravatar
Total Posts 21

Showing blog category on left

Hi,

Is there a way to show the blog category, feeds which are appearing on right side of the blog to left side, so that blog post come on right side.

 

Thanks,

Sivasangari.

7/4/2013 11:11:29 AM
Gravatar
Total Posts 18444

Re: Showing blog category on left

Go into the Settings for the Blog, under Navigation Settings un-check the box that says "Navigation on Right", click save

Hope that helps,

Joe

7/5/2013 12:51:07 AM
Gravatar
Total Posts 21

Re: Showing blog category on left

Hi Joe,

 

I have un-checked the Navigation on Right checkbox. But, still the the blog categories and all are in right side only. FYI I am using the skin based on bootstrap203.

 

Thanks,

Siva

7/8/2013 4:55:38 PM
Gravatar
Total Posts 73
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Re: Showing blog category on left

Hello,

The problem you're running into is from the fact that the Bootstrap CSS assumes that your content will be written up in the way you want your site to be formatted. But with the blog, instead of having the content moved, such as the navigation appearing above the blog list for a left navigation layout or the navigation appearing under the blog list for a right navigation layout within the markup, you have to make the layout change with CSS. Because everything is floated left in Bootstrap we will have to add some supplementary CSS to get the desired effect.

Add this CSS in the bottom of your style-blog.css:


.blogwrapper.blogview,
.blogmodule .blogwrapper {
    margin-left: -20px;
    *zoom: 1;
}
.blogwrapper.blogview:before,
.blogmodule .blogwrapper:before,
.blogwrapper.blogview:after,
.blogmodule .blogwrapper:after {
    display: table;
    content: "";
}
.blogwrapper.blogview:after,
.blogmodule .blogwrapper:after {
    clear: both;
}
.blognavleft,
.blogcenter-rightnav {
    float: left;
}
.blognavright,
.blogcenter-leftnav {
    float: right;
}

As you can see here, we're adding style to float the navigation and the blog list to either side when the classes from the settings are added, and suplimenting some missing style to keep things the same when viewing the blog post. This should fix your problems.

HTH,
-Elijah

You must sign in to post in the forums. This thread is closed to new posts.