CSS Update for Middle Column

  • Resolved Anonymous User 11187416

    (@anonymized-11187416)


    4 years, 7 months ago

    I know nothing’s been done on this for a couple of years, but I’ve started using it to simplify more interesting post layouts.

    However I spotted an issue in that the middle column (potentially every second column, but I’ve not needed 4 columns for anything yet) – that middle column’s content was narrower because of the padding. It was overstated by 20px, 10px on the left and 10px on the right.

    I have amended my own CSS because I don’t think this is likely to get a response, but posting it to help others who may come across this plugin.

    /* FJ update to fix weird middle column stuff*/
.gdc_cthird:nth-of-type(2) .gdc_inner{
 padding:0 10px;
}

    In reality this should be tested on quarter also, as that’s the only other one where a “middle” column will be generated.

    Hope this helps!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author WP Darko

    (@spwebguy)

    Hi there,

    Noted, added to the To-Do. This plugin will get an update and we’ll try to improve this.

    Thank you for your feedback.

    Thread Starter Anonymous User 11187416

    (@anonymized-11187416)

    Thanks ?? I did notice the second column when using “quarter” also did this, but the padding reduction will obviously be different for that division.

    Apart from that this plugin did exactly what I needed which was to make columns easier. I’d been using my theme’s grid system and doing the HTML manually. e.g. for thirds:

    
 <div class="row" style="margin-bottom:15px;">
  <div class="col-md-4">
 
  </div>
  <div class="col-md-4">
 
  </div>
 <div class="col-md-4">
 
  </div>  
</div>

    I’m a coder/ex-web-dev but I just wanted it to be easier and cleaner, so am mostly happy with the foundation you’ve got here. If you need anything testing, just let me know as I’ll keep using this plugin.

    Take care ??

    Thread Starter Anonymous User 11187416

    (@anonymized-11187416)

    I think the biggest update that is needed is responsiveness for other screen sizes.

    That said, I’m going to create a plugin for my own use only based on your plugin that autogenerates the bootstrap CSS classes based on the grid shortcodes. That way the plugin’s CSS won’t need updating, just the HTML output. Then it’ll be responsive by default.

    I’ll let you know how I get on. If it works out, I’ll let you know ??

    Plugin Author WP Darko

    (@spwebguy)

    Hi there,

    Keep us posted, we’ll be working on the plugin soon as well!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Update for Middle Column’ is closed to new replies.