I have been working on a dev site using buildr. I created a menu link to a category blog called News in the footer menu. As you can see by the attached image, the left margin is too tight. When you access the same article from the main menu under Services -> Excess Flow Valve, same article in the blog page, the spacing is fine.





The dev site is Lobelville Dev Site, and all of this can be seen from the home page. Can this be fixed?

Thanks,
Pat

Hi Pat,

Are you loading bootstrap in the template or extensions?

Cheers
Paul

As

@media (min-width: 1200px) {
.row {margin-left: -30px;}
}

is the problem in

virtualcountrymall.com/media/jui/css/bootstrap-responsive.min.css?e08f7317b8d27ddc5bf6b2d587313303

I don't know if I am loading Bootstrap or not... I don't even know where to set it on or off. I'm using the Quickstart package, Buildr backgrounder.

Where would I set the correct code for:

As

@media (min-width: 1200px) {
.row {margin-left: -30px;}
}


Thanks,
Pat

Are you loading any assets via the template?

Are you using many components other the usual akeeba backup, editors etc?

via the template



It is the assets section and 3rd party framework

No assets being loaded. I am using Akeeba, Contact Enhanced, JCE, JEvents and OSMap Pro. Those are the only components added.

From memory I think JEvents does use bootstrap elements - are you able to disable it as a test or check to see if there are options in that component?

yeah

"JEvents 3.4 is the latest stable version of JEvents and should be used on all new sites - this version uses the jQuery javascript library and Bootstrap for styling."

I checked JEvents and have the "Load Bootstrap CSS" turned off, and it is set to "Fix any JQuery conflicts". I don't know what to look for. I've played with the component and turned things on and off, and nothing has changed in the margin issue. Where do I make the change you mentioned earlier? Should I send you a login to check this?

Pat

Hi Pat,

It is definitely being loaded from somewhere

If you still can't find it try adding

@media (min-width: 1200px) {
.blog .row {margin-left: 0px;}
}

@media (max-width: 979px) and (min-width: 768px) {
.blog .row {margin-left: 0px;}
}

I should mention this is targeting pages with only the blog class

Cheers
Paul

I added what you suggested in the custom.css file, and nothing changed. If the only thing affected is a blog, the work-around is to just not use a blog format in the site.

This is an Opera issue ... just double checked using a different template, and using a different browser, and determined it is in the browser. I'll close this thread.

Thanks, Paul.

Is the style I suggested working?

Cheers
Paul

No, it is still in place in custom.css and doesn't appear to have had any effect.

For me I see the pages moved to the right

e.g virtualcountrymall.com/index.php/history/

Cheers