WordPress.org

Ready to get started?Download WordPress

Forums

Help With CSS-Powered Frontpage Layout Switching (1 post)

  1. razorianfly
    Member
    Posted 3 years ago #

    Hello guys, Arron from RazorianFly here.

    Website: http://www.razorianFly.com

    Wondering whether anyone here can kindly help me. I'm currently using a customized version of the premium theme 'Deadline' from ThemeForest.

    Found here:

    http://themeforest.net/item/deadline-premium-wordpress-news-magazine-theme/117203

    Basically, what I'm trying to achieve is two "switcher" buttons, the first named "Normal" displaying the current layout you see on the blog's homepage today, and the second named "List" which would fade out (without pageload preferably) and display the site's blog posts in a "list" (default blog layout) format, with pagination.

    This "switcher" button would be left justified and located just above where our 'Recent Posts' block is now.

    I have some of the code to achieve this, but I'm just not sure where I would need to put certain parts in order to achieve what I'm trying to do.

    Current Layout Index.php - http://pastebin.com/szzTuPQj

    Toggle/Switcher "Button" Code - http://pastebin.com/GstTR1Vp

    Code to Create "Normal" Blog Layout (In-Page) - http://www.onextrapixel.com/2011/02/21/using-wordpress-custom-template-to-create-layout-with-different-sidebar/

    Style.css - http://pastebin.com/BtUpyrHS

    Any help with this would be greatly appreciated.

    Thanks,
    Arron

Topic Closed

This topic has been closed to new replies.

About this Topic