WordPress.org

Ready to get started?Download WordPress

Forums

Tiny Forge
[resolved] How difficult might it be to modify the Tiny Forge footer areas? (11 posts)

  1. leejosepho
    Member
    Posted 9 months ago #

    I am presently using this in Twenty Twelve:

    When the screen is narrow (less than 481 pixels), the three areas are stacked one above the other at full screen width. As the screen gets wider, they shift to side-by-side, each taking up about one-third of the screen.
    http://www.sterndata.com/blog/responsive-design-css-stacking-columns

    The side-by-side part of that is what I want to retain if I switch to using Tiny Forge, and I do know how to copy-and-paste...but I am not a coder! So before I even begin, will that be a difficult project?

  2. Tomas Mackevicius
    Member
    Theme Author

    Posted 9 months ago #

    That's how Tiny Forge works :)

    You can see this at mtomas.com

  3. leejosepho
    Member
    Posted 9 months ago #

    That's how Tiny Forge works :)

    Not if you have more than one widget in each area and/or if one widget or area does not leave enough room for the next, and that is one reason I had previously switched from Twenty Eleven to Twenty Twelve so I could add widget areas that would remain as I want them. For example, my chat widget is set to use 100% of the total width percentage allotted to the left area. But in Tiny Forge, it takes the entire width of the screen and pushes (wraps) the other areas down. So, I need to stack widgets in left, center and right areas and then have them show that way unless on a small screen. If you wish, have a look here:
    http://www.nnysandbox.net/

  4. Tomas Mackevicius
    Member
    Theme Author

    Posted 9 months ago #

    Interesting, but where are you adding widgets to 2012 if it doesn't have footer widget area?

  5. leejosepho
    Member
    Posted 9 months ago #

    I got the widget areas from here:
    http://www.sterndata.com/blog/responsive-design-css-stacking-columns

    At least for me, it would be neat to have Tiny Forge have that kind of option, but I only know how to copy-and-paste!

  6. Tomas Mackevicius
    Member
    Theme Author

    Posted 9 months ago #

    Done ;)

    You can check my site. Will ship with next update. If you need it faster you can email me, I will send you files.

  7. leejosepho
    Member
    Posted 9 months ago #

    Looks good to me, and I would assume the fourth widget area still exists across the bottom.

    Another question from me would be about how to do this in Tiny Forge since I already have custom style sheets for older versions of IE:

    /* remove twentytwelve-ie css and add our custom styles for IE<9 */
    function mytheme_dequeue_styles() {
    	wp_dequeue_style( 'twentytwelve-ie' );
    }
    add_action( 'wp_enqueue_scripts', 'mytheme_dequeue_styles', 11 );
    
    function mytheme_equeue_styles() {
    	global $wp_styles;
    	wp_enqueue_style( 'mytheme-ie8', get_stylesheet_directory_uri() . '/css/ie8.css', array( 'twentytwelve-style' ), '1.0' );
    		$wp_styles->add_data( 'mytheme-ie8', 'conditional', 'IE 8' );
    	wp_enqueue_style( 'mytheme-ie7', get_stylesheet_directory_uri() . '/css/ie7.css', array( 'twentytwelve-style' ), '1.0' );
    		$wp_styles->add_data( 'mytheme-ie7', 'conditional', 'IE 7' );
    	wp_enqueue_style( 'mytheme-ie6', get_stylesheet_directory_uri() . '/css/ie6.css', array( 'twentytwelve-style' ), '1.0' );
    		$wp_styles->add_data( 'mytheme-ie', 'conditional', '<IE7' );
    }
    add_action( 'wp_enqueue_scripts', 'mytheme_equeue_styles', 11 );

    Would that be as simple as changing twentytwelve-ie to tinyforge-ie?

  8. Tomas Mackevicius
    Member
    Theme Author

    Posted 9 months ago #

    I think it should do.

  9. leejosepho
    Member
    Posted 9 months ago #

    I will be trying that fairly soon, I hope! Also, you might want to add something this to ie.css for Tiny Forge in the next update to keep the <IE9 Password Box from appearing double-space empty just as it does in Twenty Twelve:

    /* add input font for <IE9 Password Box to make the bullets show up */
    input[type="password"] {
    	font-family: Helvetica, Arial, sans-serif;
    }
  10. Tomas Mackevicius
    Member
    Theme Author

    Posted 9 months ago #

    Thank you! Definitely will add it.

  11. leejosepho
    Member
    Posted 9 months ago #

    If you add any credit for that, it did not come from me:

    /* from Srini G.
    ** add input font for <IE9 Password Box to make the bullets show up */
    input[type="password"] {
    	font-family: Helvetica, Arial, sans-serif;
    }

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.