column styling

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #16812
    column styling 2Kimberly Ferrell

    Hi Jamie,

    This should be easy but after adding the three column short code I wanted to style the columns further.

    .threecol-one {
    border: 1px solid #a0a0a0;

    Adding a 1 px rule made my column a hair too wide and bumped the last column below the other two. so I thought no worries I’ll just control the margins or the width as well.

    none of my efforts manipulating any of this code is working!!!

    .threecol-one {
    float: left;
    margin-right: 4%;
    margin-bottom: 4%;
    position: relative;
    .threecol-one {
    width: 30.66%;

    I’ve tried making the width 25% or the margin 2%, but it has no effect. How do I gain control over column styling???

    column styling 3Jamie Marsland

    Hi Kimberley,

    Can you share a link?

    What’s the final effect you want to achieve?

    Have you seen our pagebuilder plugin for canvas – that gives you lots of control for width settings etc.


    column styling 2Kimberly Ferrell

    I would like to do what your site has done bu making the three columns a little tighter cohesive unit. I would have thought creating a child theme and changing the CSS there would be sufficient. I can change a fair bit, color, padding, add rules; but cannot adjust the margins to prevent the third column bumping below. Right now I’m stuck with large margins. I took off some of the styling so the client could see a rough draft of content but You can view that rough site at:

    If I have to buy the page builder (in addition to the academy fee and the menu customizer) then I guess I have to do that. But I have been able to control margins with my child theme before?

    I did use a different “child theme wizard” plug in this time, instead of the one-click child theme. But I would not think that to be an issue?

    Thank you.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Scroll to Top