Portfolio and Widget Sidebar Together

(14 posts) (2 voices)

1. 

   racerstodeath
   Member

   Hi,

   I am trying to put a widget sidebar on a portfolio page... but the widget gets pushed down when implemented... is there a way to do it?

   Posted 1 year ago #
2. 

   Elliott
   Support

   Hello racerstodeath,

   You might be interested in our fancy_images shortcode which acts just like the portfolio, http://themes.mysitemyway.com/awake/shortcodes/galleries-image-shortcodes/

   You can customize the look of your whole page and add a sidebar this way.

   Posted 1 year ago #
3. 

   racerstodeath
   Member

   Elliott, thanks for you quick reply. I was thinking about that but I wanted a dynamic page instead of a static page so I won't have to update it... I was hoping that I could do a 2 column portfolio with the left sidebar... please let me know if you have something up your sleeves! thanks!

   Posted 1 year ago #
4. 

   Elliott
   Support

   Alrighty, we'll need to do a few edits.

   First off open up /wp-content/themes/awake/page.php and on line 45 you should see this,

   <?php if(is_webtreats_portfolio_gallery($post->ID) == false) { get_sidebar(); }else{echo '</div></div>';} ?>

   Change it like this,

   <?php get_sidebar(); ?>

   And on line 10 you should see this,

   <div id="body_block" <?php webtreats_body_class(); ?>>

   Change it like this,

   <div id="body_block" <?php if(is_webtreats_portfolio_gallery($post->ID) == true) { echo 'class = "right_sidebar"'; } ?>>

   Go ahead and try these things out and let us know of the results. Make sure to check your other pages if there are any display issues.

   Posted 1 year ago #
5. 

   racerstodeath
   Member

   thanks! I'll try it tonight and see how it comes out..

   Posted 1 year ago #
6. 

   racerstodeath
   Member

   hey elliott! that worked perfectly... I changed the class to left_sidebar tho for the subpage widget but it looks like everything is working... thanks a lot!

   Posted 1 year ago #
7. 

   racerstodeath
   Member

   think i spoke too soon... i just noticed that the images themselves are cut off on the right... i tried all the different column styles and they are all are cut off... how would you say is the best way to readjust the image files sizes for the portfolio pages?

   Posted 1 year ago #
8. 

   racerstodeath
   Member

   looking at it, i am thinking that the easiest way to do it is to use the 4 column image size and make it into a 3 column format... i am looking into the files but not sure where to start... :(

   Posted 1 year ago #
9. 

   racerstodeath
   Member

   OK! I got it...

   solution

   find the shortcode.php file which is under awake/lib/functions/shortcode.php... look for line 113
   replace this line
   if($column == 3){ $img_height = '160'; $img_width = '255'; }

   to
   if($column == 3){ $img_height = '110'; $img_width = '176'; }

   this will reduce the size of the images and prevent a cut off on the right side of the image...

   hope this helps someone in the future!

   Posted 1 year ago #
10. 

    racerstodeath
    Member

    okay.. one more thing... the title underneath the images are too far away from the image... and now looks funny... how would I be able to move the text up so it looks like the 4 column style?

    Posted 1 year ago #
11. 

    racerstodeath
    Member

    For line 10 I actually changed it to this:
    <div id="body_block" <?php if(is_webtreats_portfolio_gallery($post->ID) == true) { echo 'class = "right_sidebar"'; } ?> else <?php webtreats_body_class(); ?> >

    This is because this code will not mess up the default template, pushing the right widget to bottom of the page but will still allow for a widget for the portfolio template.

    Posted 1 year ago #
12. 

    Elliott
    Support

    Hello racerstodeath,

    Did this work okay for you? If your having some issues then send us a link to your page so we can take a closer look.

    Posted 1 year ago #
13. 

    racerstodeath
    Member

    Elliott,

    I am still having issues with the title being considerably lower from the pictures you can see it via the links below...

    Modified 3 Columns
    http://www.newhoustonproperties.com/resources

    Original 4 Columns
    http://www.newhoustonproperties.com/communities

    Noticed that the text is much farther away from the image. I think this is the last thing to fix. Thanks for your help.

    Posted 1 year ago #
14. 

    Elliott
    Support

    I'm not really how you customized it racerstodeath but open up /wp-content/themes/awake/style.css and on line 615 you should see this,

    .gallery_set .one_third .load_img {
        background:url(styles/_shared/slider_loader.gif) no-repeat scroll 121px 78px transparent; height:174px; }

    Try reducing the height there to see if that helps.

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.