Cubrik Responsive Wordpress Theme

(portfolio1)events: (categories1)art, travel; (portfolio2)fashion: (categories2)shirts, shoes etc…it would be fantastic

Create a new page with an HTML editor or Notepad, copy and paste the following and save as portfolio-3.php

<?php
/*
Template Name: Portfolio-Events
*/

get_header();

?>

<div id="page">        
<ul id="portfolio2" class="isotope">
<?php 
global $post;
$args = array( 'post_type' => 'portfolio', 'categories' => 'art,travel', 'posts_per_page' => -1 );
$wp_query = new WP_Query($args);    
while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

<?php 
    $all_terms = ''; 
    $terms = get_the_terms( $post->ID, 'categories' );

    if (is_array($terms))
    {
        foreach ( $terms as $term ) {
            $all_terms = $all_terms .' ' .$term->name;
        }
    }
    $thumbnail_slides = get_post_meta( $post->ID, 'thumbnail_slides', true );
    if (!empty($thumbnail_slides)) :
        $slide_url = explode(",", $thumbnail_slides);
    ?>
    <li class="<?php echo $all_terms; ?>">
        <div class="description"><span><?php the_title();?></span></div><a href="<?php the_permalink(); ?>"><img src="<?php echo $slide_url[0]; ?>" /></a>
    </li>
    <?php endif; ?>
<?php endwhile; ?>
</ul>

<ul class="subnav">
    <li><a href="#" data-filter=".art">Art</a></li>
    <li><a href="#" data-filter=".travel">Travel</a></li>
    <li><a href="#" class="current" data-filter="*">All</a></li>
</ul>

</div>

<?php get_footer(); ?>

Actually, just find out the slug names of your categories by going to My Portfolio -> Categories and send me the slug names at syungh [at] gmail.com and I will send you the files. That will easier.

Hi, I am sorry for the trouble. Can you possibly send me a link to the page?

Hi, select the “Page with Sidebar” template from the Templates select dropdown in the page editor page. Go to Appearances -> Widgets and drag & drop your widgets in the Page Sidebar box. You can add google font by going to header.php and inserting the link to the google font after the head tag such as <link href=’http://fonts.googleapis.com/css?family=Noto+Sans' rel=’stylesheet’ type=’text/css’> . Then you will go to style.css and set your font-family to “Noto Sans” like font-family:”Noto-Sans”, sans-serif;

Hi,

1) The images containers are set to fixed heights so just set heights to auto. Go to style.css and add

#portfolio2 li a {height:auto !important}
#project .media .extras li .box {height:auto !important}

Hi,

1) Try editing footer.php. Replace it with following but save a backup of your version.

<div id="footer">
<style>
#footer p {display:block; float:left}
#footer .social-icons {float:left; margin:27px 0 0 10px}
#footer .social-icons li a span {background-color:#555 !important; border-top:solid 1px #666}
#footer .social-icons li a.facebook:hover span {background-color:#3c639c !important}
#footer .social-icons li a.twitter:hover span {background-color:#38afd2 !important}
#footer .social-icons li a.linkedin:hover span {background-color:#4597bc !important}
#footer .social-icons li a.gplus:hover span {background-color:#da4235 !important}
#footer .social-icons li a.dribbble:hover span {background-color:#e8558c !important}
#footer .social-icons li a.pinterest:hover span {background-color:#cc2127 !important}
#footer .social-icons li a.youtube:hover span {background-color:#c41d1d !important}
#footer .social-icons li a.vimeo:hover span {background-color:#09a0c8 !important}
#footer .social-icons li a.tumblr:hover span {background-color:#304e6c !important}
@media only screen and (device-width: 768px), only screen and (min-width: 1px) and (max-width: 768px) {
#footer .social-icons {margin:22px 0 0 10px}
}
</style>
   <p>
      © 2013 Acme
   </p>
<ul class="social-icons">
<li><a class="facebook" href="#"><span>Facebook</a></span></li>
<li><a class="twitter" href="#"><span>Twitter</a></span></li>
<li><a class="linkedin" href="#"><span>LinkedIn</a></span></li>
<li><a class="gplus" href="#"><span>Google Plus</a></span></li>
<li><a class="dribbble" href="#"><span>Dribbble</a></span></li>
<li><a class="pinterest" href="#"><span>Pinterest</a></span></li>
</ul>
</div>
<?php wp_footer(); ?>
</body>
</html>

In functions.php file look for the section

/* INJECT CSS CUSTOMIZATION */

/* #nav {background:<?php echo $header_bg_color; ?> !important} */

Ok, thank you for your rapid answer !

Well, the html for each instagram post image is getting written in a for loop so if the image isn’t there, it’s writing a blank src. You can write an if statement inside the for loop to say don’t write html if src is blank. If you look in global.min.js file there is a section /* INSTAGRAM FEED */ Under it, you will see a for loop

for (var i = 0; i < $num_to_display; i++) {

        $('.instagramfeed').append('<li class="instagram"><a class="fancybox" data-fancybox-group="gallery" href="' + data.data[i].images.standard_resolution.url +'"><img src="' + data.data[i].images.standard_resolution.url +'" /></a></li>');   
}

for (var i = 0; i < $num_to_display; i++) {

    if (data.data[i] !== null && data.data[i] !== undefined) {
        $('.instagramfeed').append('<li class="instagram"><a class="fancybox" data-fancybox-group="gallery" href="' + data.data[i].images.standard_resolution.url +'"><img src="' + data.data[i].images.standard_resolution.url +'" /></a></li>');   
    }
}

Tx

I guess just preference. Ok thanks with the search form.

Tx

Hi, thanks for your interest. The theme does not render anything to black and white. Whatever image you use is going to be the image. So if you use color, it will be color. It will not be black and white. I just used black and white images for the design aspect.

oh great, i noticed when you clicked into it it turned color so I thought that was preset. good to know, thank you so much!

Send me a message through the form on http://themeforest.net/user/seench with access to your wordpress site so that I can help you get going. Thanks.

Hi, try deleting cache in your browser and if you have cache plugin installed, try deleting cache in there too. If you are still having trouble. I will recommend just editing header.php. Look for the following in header.php

<h1><a id="logo" href="<?php echo site_url(); ?>" title="<?php bloginfo('description'); ?>"><span><?php echo get_bloginfo('name'); ?></span><img src="your_image_url.jpg" alt="" /></a></h1>

Hi, open global.min.js file and look for the /GOOGLE MAPS FUNCTION/ section. In it look for following

    var styles = [
    {
      stylers: [
        { hue: "#378e9f" },
        { saturation: -70 }
      ]
    },{
      featureType: "road",
      elementType: "geometry",
      stylers: [
        { lightness: 100 },
        { visibility: "simplified" }
      ]
    },{
      featureType: "road",
      elementType: "labels",
      stylers: [
        { visibility: "off" }
      ]
    }
    ];

var styles;

You want to change only the top left boxes? You can set the accent color in the customize page but it will change all the colors such as the navigation also. Appearances -> Customize. If you want to change just the top left corner boxes you are referring to, open up header.php file and add the following right before the </head> tag

<style>
#bricks .brick h2 {background:#000 !important; color:#fff !important}
</style>

Hi, try adding in style.css the following lines at the end

#portfolio2 {margin:0 !important}
#portfolio2 li a {margin:0 !important}

Thank you!

Also, I can’t seem to locate the documentation. I checked all of the files in the folder I downloaded for this theme. Am I missing it?