Theme Support Forum

Support Forum for Free and Premium Themes. Premium Theme Forums are Private! Please log in first to see the Premium forums

Viewing 18 posts - 1 through 18 (of 18 total)

Add Sidebar to Category Page

Home › Forums › Free Theme Support › Zenon Lite › Add Sidebar to Category Page

  • #107222

    martin
    On March 17, 2014 at 4:12 pm

    Hello,

    How can I add a sidebar to the category page?

    I would like it to be 2 columns of blog post previews and then the sidebar on the right.

    Thanks.

    #107507

    Towfiq I.
    administrator
    On March 18, 2014 at 10:58 am

    you can change the category layout in PRO version only.

    #107593

    martin
    On March 18, 2014 at 2:53 pm

    ok I do not see it on your demo page: http://zenonpro.towfiqi.com/

    so you can confirm that if I buy the Pro version I will be able to change the category page layout to have a right sidebar?

    thanks!

    #107659

    Towfiq I.
    administrator
    On March 18, 2014 at 6:20 pm

    In PRO its not there by default. but you can change it by editing this line of category.php:

    <?php get_template_part(''.$zn_lays = of_get_option('layout_images').''); ?>

    with this:

    <?php get_template_part('layout4'); ?>

    #107702

    martian7
    subscriber
    On March 18, 2014 at 8:05 pm

    hello,

    well i purchased the theme upgrade, but looks like the upgrade doesnt save the custom work the previous developer did on this theme before.

    any way i can just get the side bar on the category page without loosing all the custom work the previous developer did?

    http://coreypowellhair.com/category/blog/

    thanks.

    #107704

    Towfiq I.
    administrator
    On March 18, 2014 at 8:07 pm

    did he make only css changes?

    #107705

    martian7
    subscriber
    On March 18, 2014 at 8:09 pm

    i dont think so, im not sure how the customizations were made. i dont see a custom css area in your theme options.

    their is a outline on all pages, when i activate the upgrade theme, the pages layout the content very differently.

    #107706

    Towfiq I.
    administrator
    On March 18, 2014 at 8:12 pm

    he made these changes to your stylesheet.( green color texts on right):
    http://www.diffchecker.com/9to8g4hs

    you will have to find and make those changes to your PRO stylesheet too.

    #107761

    martian7
    subscriber
    On March 18, 2014 at 11:05 pm

    thanks for that.

    back to original issue:

    i made updated the category.php file and it works, but we would like to have excerpt boxes like on the standard category view page.

    can we get the blog post featured preview boxes in 2 columns with the right sidebar?

    #107762

    martian7
    subscriber
    On March 18, 2014 at 11:06 pm

    heres the page i want to add the sidebar on: http://coreypowellhair.com/category/blog/

    #108042

    Towfiq I.
    administrator
    On March 19, 2014 at 6:22 pm

    download this file and upload it to your theme folder and let me know:

    http://ge.tt/api/1/files/6f04i0S1/0/blob?download

    #108399

    martian7
    subscriber
    On March 20, 2014 at 4:05 pm

    ok i uploaded it to the Zenon pro folder. looks like the sidebar is loading below, i would like it to be 2 columns of blog post previews and the third column the right sidebar.

    thank you.

    http://coreypowellhair.com/category/blog/

    #108657

    Towfiq I.
    administrator
    On March 21, 2014 at 9:17 am

    First add this to the very bottom of your Stylesheet:

    #sidebar{margin-top:20px;}
.lay1 {width: 670px;}

    then open up zenon.js file and replace this line:

    var divs = jQuery(".lay1 .hentry");

    with this:

    var divs = jQuery(".home .lay1 .hentry");

    if you dont know how to edit the zenon.js file, try this plugin:

    http://wordpress.org/plugins/solid-code-theme-editor/

    #108812

    martian7
    subscriber
    On March 21, 2014 at 3:36 pm

    got it, its almost there, the boxes are stacking oddly: http://coreypowellhair.com/category/blog/

    appreciate your help.

    #109142

    Towfiq I.
    administrator
    On March 22, 2014 at 7:38 am

    Add this to the very bottom of your stylesheet:

    .category-blog .lay1 .hentry:nth-child(3), .category-blog .lay1 .hentry:nth-child(6), .category-blog .lay1 .hentry:nth-child(9), .category-blog .lay1 .hentry:nth-child(12), .category-blog .lay1 .hentry:nth-child(15), .category-blog .lay1 .hentry:nth-child(18) {
margin-right: 25px!important;
}

.category-blog .lay1 .hentry:nth-child(2), .category-blog .lay1 .hentry:nth-child(4), .category-blog .lay1 .hentry:nth-child(6), .category-blog .lay1 .hentry:nth-child(8), .category-blog .lay1 .hentry:nth-child(10), .category-blog .lay1 .hentry:nth-child(12) {
margin-right: 25px!important;
}
    #109239

    martian7
    subscriber
    On March 22, 2014 at 2:50 pm

    ok i added that css code, but it only shows 1 column now.

    #109684

    Towfiq I.
    administrator
    On March 23, 2014 at 4:34 pm

    oops sorry. try replacing this:

    .category-blog .lay1 .hentry:nth-child(2), .category-blog .lay1 .hentry:nth-child(4), .category-blog .lay1 .hentry:nth-child(6), .category-blog .lay1 .hentry:nth-child(8), .category-blog .lay1 .hentry:nth-child(10), .category-blog .lay1 .hentry:nth-child(12) {
margin-right: 25px!important;
}

    with this:

    .category-blog .lay1 .hentry:nth-child(2), .category-blog .lay1 .hentry:nth-child(4), .category-blog .lay1 .hentry:nth-child(6), .category-blog .lay1 .hentry:nth-child(8), .category-blog .lay1 .hentry:nth-child(10), .category-blog .lay1 .hentry:nth-child(12) {
margin-right: 0px!important;
}
    #109686

    martian7
    subscriber
    On March 23, 2014 at 4:37 pm

    thanks thats seems to look good now.

You must be logged in to reply to this topic.