Customizing Column Width

  • WPAndrew

    (@wpandrew)


    10 years, 9 months ago

    I have used 2/3 and 3/4 shortcodes but realized 70% would suit my site perfectly.

    Under settings I updated 2/3 to be 70% width and 1/3 to be 30% width.

    After updating, my right side 1/3 column disappeared and positioned itself underneath the 2/3 column.

    I initially left the margin values blank as i don’t understand what it does and then tried entering values but the results appeared the same (right column appears underneath the 2/3 column)

    I do not know css very well at all. Does anyone know how I can achieve a 70%-30% layout?

    My content fits in both the default 2/3 and 3/4 but I can not seem to customize in between.

    Any help would be appreciated.

    http://wordpress.org/extend/plugins/easy-columns/

Viewing 1 replies (of 1 total)
  • mikeotgaar

    (@mikeotgaar)

    10 years, 8 months ago

    Try reducing the width percentages...

    Start with maybe 66% and 26% – then work up in increments until you get the widest layout without breaking the columns. (Or reduce more if the layout still breaks)

    Here’s why 70/30 doesn’t work: The columns have default margins, which you must add to the total – so if you set 70% width and the margin default is 1% – you end up with 72% wide (1% each side) – the same for both columns.
    Add both together and you get 104% – which is probably conflicting with your theme stylesheet CSS.

    You can try e.g. 67% wide, margin 1% – 28%, margin 1%… Then go to 68%…

    When I debug responsive CSS like this I find it’s easier to start with less than 100% total to get things working…

Viewing 1 replies (of 1 total)
  • The topic ‘Customizing Column Width’ is closed to new replies.