Discussion on Portrait - Retina Ready Responsive Wordpress Theme

179 comments found

mannye Purchased

Hi it’s a simple yet beautiful theme. I created a gallery page according to the instruction in ‘DOCUMENTATION V1.0’. But there is no effect on thumbnails, and no pop-up. Moreover, the HTML is different from the one in the demo page. Am i missing something? or am i not supposed to use the wordpress media uploader to get the same effect as the demo?

typebig

Hi, I would need to go into your Wordpress dashboard to see what the problem is. Could you send me the login info using the form on http://themeforest.net/user/typebig ?

Default-user
mannye Purchased

Hi, I’m sorry for all the trouble. But I tried to create the gallery page one more time after i imported ‘demo-data.xml’ (I didn’t import it when i tried for the first time.) and its all working now. Thank you.

Is the theme translation ready? Would it be WPML friendly? Thanks!

typebig

No, I am sorry it is not but the theme is simple to set up. You don’t need to know HTML.

Default-user

So there is no .po and .mo provided with the theme? That is REALLY sad…

With Twitter releasing v1.1, Twitter feed will no longer work

We’ll try to find a solution, but it will require you to register as an App Developer on Twitter so you can input your access token and other info.

good morning I’m still experimenting before taking the site fully live. Another question – I’d like to merge the look and feel of the portfolio page and the gallery one, i.e. when presenting the portfolio page and selecting one item, is it possible that you then have the functionality of the gallery display of images, not the one-after-the-other vertical display of pictures that comes with the portfolio one? thanks Jan www.think-shoot.de/portrait

typebig

Hi, that is something I will have to customize and would take a bit of time. However, if you want to turn the images into a slider you can use the following code for single-portfolio.php

<?php get_header(); ?>
        <ul class="breadnav">
            <li class="prev"><?php previous_post_link('%link'); ?></li>
            <li class="all">
                <?php
                $portfolio_page = get_pages(array('meta_key' => '_wp_page_template', 'meta_value' => 'portfolio.php', 'hierarchical' => 0));
                echo '<a href="'.get_page_link( $portfolio_page[0]->ID ).'">'.get_the_title( $portfolio_page[0]->ID ).'</a>';
                ?>    
            </li>
            <li class="next"><?php next_post_link('%link'); ?></li>
        </ul>        
        <div class="fclear"></div>
<?php
if (have_posts()) : while (have_posts()) : the_post();

    // get custom meta fields
      $custom = get_post_custom($post->ID);
      $sy_project_extra = $custom["sy_project_extra"][0];
      $sy_project_description = $custom["sy_project_description"][0];
      $sy_project_website = $custom["sy_project_website"][0];
      $slides = get_post_meta( $post->ID, 'sy_repeatable_project_slides', true );        
    $count = count($slides);

?>    
        <div id="post">
            <h2><?php the_title();?></h2>
            <ul class="submenu submenu-project">
                <li class="first"><a href="#" class="open-modal" rel="about-project">About</a></li>
                <li><a href="#" class="open-modal" rel="share-project">Share</a></li>
                <li><a href="<?php echo $sy_project_website; ?>">Website</a></li>
            </ul>
            <div class="modal" id="about-project">
                <a href="#" class="close-btn">Back to Main Content</a>
                <div class="padit">
                <h3>About the Project</h3>
                <p>
                    <?php echo $sy_project_description; ?>
                </p>
                <p class="footnote"><span><?php echo $sy_project_extra; ?></span></p>
                </div>            
            </div>
            <div class="modal" id="share-project">
                <a href="#" class="close-btn">Back to Main Content</a>
                <div class="padit">
                <h3 class="tcenter">Share</h3>
                <ul id="social">
                    <li><a id="facebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>">Facebook</a></li>
                    <li><a id="twitter" href="http://twitter.com/share?text=<?php the_title(); ?>&url=<?php the_permalink(); ?>">Twitter</a></li>
                    <li><a id="plus1" href="https://plus.google.com/share?url=<?php the_permalink(); ?>">GPlus</a></li>
                    <li><a id="pinterest" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink();?>&media=<?php echo $slides[0]['slide_image']; ?>&description=<?php the_title(); ?>" onclick="window.open(this.href); return false;">Pinterest</a></li>            
                </ul>
                </div>            
            </div>

        <div id="home-slider">
            <div class="line"></div>
            <ul class="rslides">                
                <?php
                for ($i=0; $i<$count; $i++) {
                    $slide_caption = $slides[$i]['slide_caption'];
                    $slide_image = $slides[$i]['slide_image'];
$slide_video = $slides[$i]['slide_video'];
if (empty($slide_video)) {
                    echo '<li><h3>'.$slide_caption.'</h3><a href="#"><img src="'.$slide_image.'" border="0" alt="" /></a></li>';}
                }
                ?>

            </ul>
        </div>

            <?php
            if (!empty($slides)) {
                for ($i=0; $i<$count; $i++) {
                    $slide_caption = $slides[$i]['slide_caption'];
                    $slide_video = $slides[$i]['slide_video'];
                    if (!empty($slide_video)) {

                    echo '<div class="row"><div class="full fullpic"><div class="video"><iframe src="'.$slide_video.'?portrait=0&title=0&byline=0&portrait=0&color=ffffff&amp" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div><div class="caption">'.$slide_caption.'</div></div></div>';}
                }
            }
            ?>    

        </div>

<?php endwhile; endif; ?>
<!-- Modal Widgets -->
<ul class="modal" id="widgets">
<p class="pcenter"><a href="#" class="close-modal">Back to Main Content</a></p>
<?php get_sidebar('global'); ?>
</ul>    
<?php get_footer(); ?>

Hello. Does it work to show videos instead of images?

typebig

Hi, you can but you will have to manually use HTML for the gallery lightbox.

pabretas Purchased

HI again,

1- In the portfolio template, I want to change the “all” tag for “todos”, in the categories section. How I do this?

2 – in the single portfolio page, how I take off the “website” button?

thanks for the help

typebig

Hi,

1. Just open up portfolio.php by going to Appearances -> Editor and do a search for “All” and change the text.
2. Open up single-portfolio.php and look for the following and delete or comment it out:

<li><a href="<?php echo $sy_project_website; ?>">Website</a></li>

One more question. I see there are only 3 images on the homepage on the demo with the PInterest style. Is there an option that would let me have more than 3 images on the homepage with the pinterest style? Thank you so much

typebig

Hi, the 3 images are inputted in a form. If you want to add more images, that would require HTML and CSS customizations on the page template. That will probably take some time.

One last question! Sorry for asking so much :-) But the 3 images on the homepage, can these be Portfolio images and not just regular images?

typebig

Those 3 images are inputted by inserting any image url. You just need to get the url of the portfolio image and insert the url in an input field.

Would it be too much work on your part to make the theme translation ready pleaaaaaaase? My client bought this theme and she likes it a lot but she wants an English AND French version and right now, it’s really hard to achieve. I tried generating a .po with Poedit but it only gives me 10-12 strings… That would really be awesome if you could do it!

typebig

Hi, not anytime soon. What do you need to translate? You can go into the php files and try manually changing the text.

Default-user

The problem I have is I need a bilingual website. So I can’t just go and translate directly in the files since it would affect both versions… It’s too bad you’re not considering it… :(http://wp.tutsplus.com/tutorials/theme-development/translating-your-theme/

Great theme! 2 questions so far:

1) i took your logo from demo page, and used same size for my logo.. when open on iphone/ipad, it doesn’t show up as retina display. how can I fix this?

2) the entire navigation on iphone is messed up. the 3 bar button is way too large and overlaps the logo, and then when touched, it opens an incomplete list of menu elements.

please help! thanks!

typebig

Hi, send me a message on the form at http://themeforest.net/user/typebig with a link to your site or access to your wordpress dashboard and I will try to get your issues resolved.

Another quick question: Can’t seem to make galleries work. After inserting the images, nothing happens. Frustrating!

typebig

Make sure the image you select has a width or height bigger than 1024px. I will look into this issue also when you send me a message. Thank you.

Hi,

i am looking for a minimal layout like your beautiful theme.

What i need though is to be able to see pics 1 by 1 and not on a grid like the portfolio. Is it possible to do it with your theme?

Also, is it possible to setup the homepage with a single image only like the top image in your home and can i add as many pictures as i want?

Thanks, Fab

Default-user

Hi,

thanks for your reply.

Yes, only a slider like the link you gave me would me ok but would it look good with smaller pictures?

And yes, i’d need an homepage slider with possibly smaller pictures but that will still look good.

Thanks

typebig

Hi, the pictures get resized based on the screen size. So, your small images probably won’t look too good. However, you can disable the auto resizing so your images will remain the original size. I can’t tell you if your smaller images will look good if this is done.

Default-user

Hi, thanks for the info. Will see what client wants to do then.

hello.. i sent a message through your profile a few days ago in need of support and still no answer.

Apologies if this has been asked before and I’m not finding it:

Is there a way to have the gallery be just the slideshow without the images all appearing on the page one after the other? So that I could put a link in the main menu to say, “weddings” and clicking on it brings up the slideshow instead of the row of images?

Lovely theme!

Warmest, Faith

typebig

Hi, you can just use the “media” page template to create a slider. Create a new page. Select media from the template dropdown. Save draft. Then, there should be fields to create you slider.

lumens Purchased

Hey Typebig, First off, I love the theme! It’s been getting a ton of great comments from visitors. I have one lingering problem which I have not been able to solve despite trying to use the advice passed along to others who had similar comments/issues.

Basically, on the blog post page, any images that I include are getting the right side cut off. The container is always the correct size for the page but the image inside of it isn’t being resized correctly. I used the advice you gave dikatana and switched the html to “style=”width:100%; height:auto” />” but I’d rather not go through every single image and do this as it is not at all efficient.

Additionally, I attempted to follow the advice you expounded upon ”#post .row .right .size-full {width:100% !important; height:auto !important} For the above, the img HTML tag needs to have “size-full” class in order for it to work. You can also try the below, but it will make all the images’ width 100% in the post. #post .row .right {width:100% !important; height:auto !important}”

Adding the above the the style.css didn’t work. I was wondering whether you had any advice on how to fix the problem as my work is predominately visually based and users keep coming up on images that aren’t being resized.

Thank you for your time,

E

typebig

The code above works for me. I tested on Firebug. Where did you put the code? If you want give me access to your WP.

Default-user
lumens Purchased

Sent you a msg. Thx

typebig

Please deactivate your w3 Cache Plugin to see changes. If you don’t it’s going to keep using your old files…ie style.css. Whenever you made a change to style.css you can’t see any changes taking effect because your cache plugin keeps on using the old style.css.

Hi,

when you click the “portfolio” thumbnails is it possible to have pages similar to your “about” page with columns that include text and pictures both left and right justified ?...

Thanks

typebig

Hi, it’s possible but you will need to rewrite single-portfolio.php to be like the html of about.php file. This is considered a custom job and unfortunately we would have to charge because of the time involved.

is there a way for the homepage slider to be automatic instead of clicking to the right and the left?

typebig

Hi, open up global.js and look for

    // Home slider settings
    if ($('#home-slider').length > 0 ) {
        $('.rslides').responsiveSlides({
            auto: false,
            pager: true,
             nav: true,
            speed: 400
        });

Change auto:false to auto:true
Default-user

thank you.. but where is global.js?

Default-user

nevermind, got it.. thanks

robbynash Purchased

Did the new Instagram API affect the Instagram functionality of this theme? I can’t get it to work. Thanks in advance.

typebig

Try any page in your site.

Default-user
robbynash Purchased

FYI, the utility to get your access token at jelled.com isn’t working for me, I used http://blog.pixelunion.net/instagram instead to get the token and it worked fine, YMMV. Things are still weird since the new API, IMO. Thanks for your help. Great support.

typebig

Ok, thanks for the info!

robbynash Purchased

Can you also tell me how to reduce the padding between the logo and the page title? Thanks.

Default-user
robbynash Purchased

The homepage, vertical padding between logo and page title. Thanks for your help.

Default-user
robbynash Purchased

I figured it out. I appreciate your help.

typebig

Great! Thank you!

robbynash Purchased

How can I remove the white bar at the top of the gallery and the contact page? Thanks again for the great support.

typebig

The white header bar? There isn’t one on the contact page. Go to style.css and look for

   body.separate, body.page-template-gallery-php, body.page-template-portfolio-php, body.blog, body.page-template-blogroll-php, body.single-portfolio, body.page-template-blog-php, body.page-template-media-php, body.search {background:url(img/body-bg.gif) repeat-x top #f6f6f6 !important}

If you want to remove the white header, then just delete body.page-template-gallery-php from the above. If you want to set this page to a particular background such as black you would do for example
body.page-template-gallery-php {background:#000 !important}
The default background is white.
Default-user
robbynash Purchased

That was very helpful. Thanks so much for the consistently great support.

by
by
by
by
by
by