@bloggerboy I see the sidebar as expected at a >= 992px resolution (see screenshot below).

On smaller resolutions, the sidebar goes below the post due to the responsive design of the skin. So, if you want a different behaviour, you will need to customise your css.

You can find the same default behaviour in this page: http://demo2.b2evolution.net/stable/index.php/a/

Thank you

By the way, right before the comments is this error:

Notice: Undefined index: infoend in /#########/news/inc/_core/ui/forms/_form.class.php on line 303

(#= real path)

Any ideas?

The send comments appears for logged in users only

@bloggerboy make sure that the code of the skin you're using is updated.

For Bootstrap Blog Skin, the line 405 must be present in the code as following: https://github.com/b2evolution/b2evolution/blob/release/6.6.x/skins/bootstrap_blog_skin/_skin.class.php#L405

Btw, I can see the comment form as not logged in user.

I don't know if "BOOTSTRAP" is a defunct skin...I don't see it at all in the latest release. I really like the look but it appears it is gone.

I see bootstrap-blog, forum, etc..but no plain Bootstrap. And your fix for infoend is for bootstrap_blog.

That was the skin that was causing the errors. And by the way, the comment form submit showed on Firefox, not Chrome

@bloggerboy yes, you're right, the Bootstrap skin has evolved to bootstrap_blog, bootstrap_forums, bootstrap_gallery, bootstrap_main and bootstrap_manual. As the plain bootstrap skin is not supported anymore, it shouldn't be used in productions sites.

As it is not clear to me, what skin are you currently using in your upgraded 6.6.7 site?

Regarding the comment form, maybe you can test disabling AJAX forms: http://b2evolution.net/man/collection-cache-settings

No problem with the comment form on bootstrap_main. It was the plain bootstrap which i uninstalled.

Now I just need to fix the header as I want it running across full as I had in bootstrap.

But just getting comfortable with this upgrade. Appreciate the work and it looks like it is easier to customize than previous versions.

Hey there,

To fix your problem, you can either override bootstrap classes with the '!important' tag, or customize bootstrap css via their website, or directly in bootstrap.min.css

But if I understand your issue, I think you don't even have to add css. If you use bootstrap grid system correctly, you should be able to fix it using the original classes. For instance if I want a right sidebar to stay on the right whatever the screen resolution is, I'll have to set a col-xs-10 div next to a col-xs-2 div for instance, and that'll do the trick.

Hope it helps,

I think i got it, but still getting used to this update. I copied Bootstrap_blog to my own template just so it won't be overwritten Where is the CSS file to edit?

I want to remove the PAGE_Top and increase the header to full width.

Inspecting the CSS, it is pointing to /rsc/css/bootstrap min css. ?

thanks

@bloggerboy, @masdigbord is right about your initial question regarding the sidebar. You can keep it on any resolution using the bootstrap's grid system. You will find the containers (main content and sidebar) at index.main.php.

Regarding the styles, yes, the skin uses the main bootstrap built-in styles but you can find overrides in the file /skins/[your-skin]/style.css. This skin uses less as css pre-processor, so the recommended way to introduce changes is: 1) modify the .less file and 2) compile it again to get the .css and .min.css. This guide might help: http://www.hongkiat.com/blog/less-basic/

However, although it's not too complicated, if don't want to play around with less, you can make your own css override file and include it in the skin. Just create a file custom.css (you can use any name) with all your css customization and include a require_css('custom.css', true); inside the _skin.class.php file of your skin, just below this line:

// Skin specific initializations:

As a side note, did you check our amazing skin development primer (http://b2evolution.net/man/skin-development-primer) ?

Thanks guys for the help.

Adding a custom.css seems to work, even if it isn't the prettiest of css formating.

.col-md-pull-4 {
    right: 0 !important;
 }
.col-md-8 {
    width: 100% !important;
}

.col-md-push-8 {
    left: 0% !important;
}
.col-md-4 {
    width: 100%!important;
}

I am going to disable the sitewide header, but can you tell me why CYBERMIDI appears twice?

CYBERMIDI CYBERMIDI PRACTICAL MIDI

http://www.cybermidi.com/news/index.php/blog/

@bloggerboy if that CSS works as you expected, great!

I didn't find any repeated CYBERMIDI in that page. Where is it exactly?

I disabled the site wide header. (the black bar on top)

It read CYBERMIDI CYBERMIDI PRACTICAL MIDI

The first one linked to www.cybermidi.com/news
2nd to www.cybermidi.com/news/index.php/blog
3rd to the practical midi

Not important.

thanks

@bloggerboy I guess your Short site name (http://b2evolution.net/man/global-site-settings) is the same than your first collection: CYBERMIDI.

In this page you will find details about what is included when you enables Site skins (sitewide header and footer): http://b2evolution.net/man/developer-reference/themes-templates-skins/site-skins/

Cool, thank you.

Well done on the improved interface. I had thought of switching to Wordpress because it was so difficult to customize.

But my links are well indexed so I'm not touching anything.

In addition, customizing here is actually easier than customizing templates in WP.

Keep up the good work.

@bloggerboy, @masdigbord : you may be interested in this manual page that we just updated: http://b2evolution.net/man/css-files