Creating Columns in Wordpress in Code

42 Posts

andrew34 posted this 09 May 2016

Hi,

I'm creating a visual sitemap for a site which is wordpress multi-user.

The sitemap can be seen here:

http://rapidregisteredagent.com/sitemap/

I'm using standard bootstrap markup for the columns, like this:

<div class="row">
<div class="col-md-4">
content
</div>
<div class="col-md-4">
content
</div>
</div> <!-- end row -->
<div class="row">
<div class="col-md-12">
content
</div>
</div> <!-- end row -->

But as you can see on the sitemap, bootstrap is compressing it. The page template doesn't do that on other pages (but I'm not using columns on those pages), so what am I missing?

Thanks,

Andrew

Hi, I'm creating a visual sitemap for a site which is wordpress multi-user. The sitemap can be seen here: http://rapidregisteredagent.com/sitemap/ I'm using standard bootstrap markup for the columns, like this: <div class="row"> <div class="col-md-4"> content </div> <div class="col-md-4"> content </div> </div>  <div class="row"> <div class="col-md-12"> content </div> </div>  But as you can see on the sitemap, bootstrap is compressing it. The page template doesn't do that on other pages (but I'm not using columns on those pages), so what am I missing? Thanks, Andrew

bootstrap columns

Vote to pay developers attention to this features or issue.

4 Comments

Order By: Standard | Newest

Support Team posted this 11 May 2016

Hello Andrew,
you may change the bootstrap columns with via custom CSS like
.col-md-4 {

width: 50%!important;

}

added under Home tab >> Settings >> Additional CSS

Or consider using Themler specific shortcodes to create columns
http://answers.themler.com/articles/3896/columns-shortcode

Regards,
Aileen

Hello Andrew, you may change the bootstrap columns with via custom CSS like .col-md-4 { width: 50%!important; } added under Home tab >> Settings >> Additional CSS Or consider using Themler specific shortcodes to create columns http://answers.themler.com/articles/3896/columns-shortcode Regards, Aileen

42 Posts

andrew34 posted this 11 May 2016

It doesn't appear to be my code as the shortcodes have the same problem, so it must be something in the theme.

I notice that in Chrome, if I disable the float:left in the style bd-blog-3 that looks normal, but I'm not sure how to disable that style in themler.

It doesn't appear to be my code as the shortcodes have the same problem, so it must be something in the theme. I notice that in Chrome, if I disable the float:left in the style bd-blog-3 that looks normal, but I'm not sure how to disable that style in themler.

42 Posts

andrew34 posted this 11 May 2016

I think I need to disable this line in themler css, but can't see how to do that in the editor so it's preserved with changes to the site:

bd-blog-3, .bd-pager-4 ul>li:first-child {
    float: left;
}

I think I need to disable this line in themler css, but can't see how to do that in the editor so it's preserved with changes to the site: bd-blog-3, .bd-pager-4 ul>li:first-child { float: left; }

Support Team posted this 18 May 2016

Hello Andrew,
it looks like we have misunderstood each other.
Could you please attach screenshot which demonstrates how you'd like the sitemap to look. Thank you.

regards,
Aileen

Hello Andrew, it looks like we have misunderstood each other. Could you please attach screenshot which demonstrates how you'd like the sitemap to look. Thank you. regards, Aileen

You must log in or register to leave comments