WordPress.org

Ready to get started?Download WordPress

Forums

Column-Matic
[resolved] Will not float:none or clear:both in TwentyTwelve Theme (10 posts)

  1. cktalons
    Member
    Posted 2 years ago #

    I used this plugin to great success as a child theme of Responsive. But it isn't working as well for a child theme of TwentyTwelve.

    I've added my own columns in the css and have coded them to float:none and clear:both with the screen is at a certain size (say iPhone size). And it no worky in this theme as it did in Responsive. Any ideas?

    http://www.truenorthe.com/

    Scroll down to "logos" section.

    http://wordpress.org/extend/plugins/column-matic/

  2. Baden
    Member
    Plugin Author

    Posted 2 years ago #

    Most excellent question! Very clear, included a link and everything.
    So here's the deal:
    By default there are two attributes that are automatically assigned values if you do not overwrite them:

    'float' => 'left',
    'display' => 'inline'

    so, what you will want to do is the following:
    1. in your shortcode, always assign the float attributes with a blank value, like-a so:

    [column class="post_column_1" float=""]bla bla bla[/column]
    [column class="post_column_2" float=""]bla bla bla[/column]
    [end_columns]

    2. In your responsive css, you would define .post_column_1, .post_column_2 to float: left or float: none as needed.

    Get it? Good! Please let us know of your trumpeting success with this... so we may uncross our fingers, unpress our thumbs.

    To the Disco!

  3. cktalons
    Member
    Posted 2 years ago #

    Well I gave that a shot, and still it's not complying with my most polite request.

    Short code:

    [column class="column_one" float=""]Yada yada, spiffy logo image[/column]
    
    [column class="column_two" float=""]Yippy Skippy another logo image[/column]
    [end_columns]

    CSS Media query:

    @media screen and (min-width: 400px) {
    	.column_left, .column_middle, .column_right, .column_one, .column_two, .column_twothird {
    		float:none!important;
    		max-width:95%;
    		margin:0 auto;
    		clear:both!important;
    	}

    Regular CSS:

    .column_left, .column_one {
    	margin-left:0;
    	float:left;
    }
    .column_right, .column_two {
    	margin-right:0;
    	margin-left:2.127659574468%;
    	float:right!important;
    }

    I'm stumped. What say you, Oh Column-Matic god?

  4. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Hmmm... something is truly wonky. Must be an easy fix we can not see form here.
    Please shoot us an email at: info [at] twinpictures [dot] de and reference this thread. We will get you squared a way! Wocka-wocka.

  5. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    hey, try this: Put a space as the value of float like so:

    [column class="column_one" float=" "]Yada yada, spiffy logo image[/column]
    
    [column class="column_two" float=" "]Yippy Skippy another logo image[/column]
    [end_columns]

    Here is a demo of it working: http://spacedonkey.de/762/column-matic-responsive-test/

  6. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    and in other news... version 1.1 is out, so you can insert the css in it's own special options page! giggity-giggity.

  7. cktalons
    Member
    Posted 1 year ago #

    Baden my buddy, it's still not working! I added the spaces, I updated the plugin, put in the custom code into the new options page. Still no floating or clearing.

    http://truenorthe.com

  8. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    This ends now. Please contact support [ at ] twinpictures [ dot ] de and reference this thread. We'll ask you to set up a temp admin account and we'll get you squared away, and explain the problem.

  9. cktalons
    Member
    Posted 1 year ago #

    Emailed.

  10. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Although you had Column-Matic installed, it seems the issue was a conflict with another column plugin: WP Post Columns that was installed.

    Issue Resolved.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic