[robertocerda44Participant]

Hello my url is grupotandem.com, the problem is I want to personalize things like:

1: A left side bar to de item pages, but right now there is only the space, so all my content is on the right but nothing on the right.

2: I what to personalize the hover icon on the portfolio, I have try to use the css code in this forum but the only place the don’t work is in the portfolio.

Please help me figure out what’s wrong.

[robertocerda44Participant]

Here is the link of the the portfolio item page http://www.grupotandem.com/soluciones/seguros-de-vida/

[RupokMember]

Hi there,

Thanks for writing in!

#1. Do you want to setup sidebar for the single portfolio item page? In that case you can place the code on your Child Theme‘s functions.php :

if ( ! function_exists( 'x_get_content_layout' ) ) :
  function x_get_content_layout() {

    $content_layout = x_get_option( 'x_layout_content', 'content-sidebar' );

    if ( $content_layout != 'full-width' ) {
      if ( is_home() ) {
        $opt    = x_get_option( 'x_blog_layout', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_singular( 'post' ) ) {
        $meta   = get_post_meta( get_the_ID(), '_x_post_layout', true );
        $layout = ( $meta == 'on' ) ? 'full-width' : $content_layout;
      } elseif ( x_is_portfolio_item() ) {
        $layout = 'full-width';
      } elseif ( x_is_portfolio() ) {
        $meta   = get_post_meta( get_the_ID(), '_x_portfolio_layout', true );
        $layout = 'content-sidebar';
      } elseif ( is_page_template( 'template-layout-content-sidebar.php' ) ) {
        $layout = 'content-sidebar';
      } elseif ( is_page_template( 'template-layout-sidebar-content.php' ) ) {
        $layout = 'sidebar-content';
      } elseif ( is_page_template( 'template-layout-full-width.php' ) ) {
        $layout = 'full-width';
      } elseif ( is_archive() ) {
        if ( x_is_shop() || x_is_product_category() || x_is_product_tag() ) {
          $opt    = x_get_option( 'x_woocommerce_shop_layout_content', 'sidebar' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        } else {
          $opt    = x_get_option( 'x_archive_layout', 'sidebar' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        }
      } elseif ( x_is_product() ) {
        $layout = 'full-width';
      } elseif ( x_is_bbpress() ) {
        $opt    = x_get_option( 'x_bbpress_layout_content', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( x_is_buddypress() ) {
        $opt    = x_get_option( 'x_buddypress_layout_content', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_404() ) {
        $layout = 'full-width';
      } else {
        $layout = $content_layout;
      }
    } else {
      $layout = $content_layout;
    }

    return $layout;

  }
endif;

#2. To change the hover icon, you can add this under Custom > CSS in the Customizer.

.x-portfolio .entry-thumb::before {
  content: '\\f0c1';
}

You can find the UNICODE value for all icons from here – http://fontawesome.io/icons/

Hope this helps.

Cheers!

[robertocerda44Participant]

Thanks for replying.

#1 the code adds a side bar but to de portfolio main page, and i want it in the single item page.

ej http://www.grupotandem.com/soluciones/

I want te side bar in here: http://www.grupotandem.com/soluciones/seguros-de-vida/

or have the content in the whole space, right now is all to the left

#2 none of the css code that I try to use work in the portfolio 🙁

[robertocerda44Participant]

This reply has been marked as private.

[FriechModerator]

Hi There,

The custom css did not work because of a syntax error, please find this css rule on your customizer and add the closing bracket.

.wpcf7-form {
  margin: 0;

To make the portfolio content take the full-width of the page, you can add the custom CSS below.

.x-portfolio .entry-extra {display: none;}
.x-portfolio .entry-info {width: 100%;max-width: none;float: none;}

Hope it helps, Cheers!

[robertocerda44Participant]

Thanks it worked great!!!

im trying to hide the “permalink to:” text but the only solutions i found that works allo removes the hover effect in portfolio, how can i remove only the permalink to: ?

al the jQuery like this dont work

jQuery(document).ready(function($){
$(‘.x-recent-posts a’).attr(‘title’,”);
});

this on worked but the problem remains

// Remove Featured Image Title Attribute

function x_featured_image( $cropped = ” ) {

$stack = x_get_stack();
$page_full = is_page_template( ‘template-layout-full-width.php’ );
$post_full = get_post_meta( get_the_ID(), ‘_x_post_layout’, true ) == ‘on’;
$blog_full = is_home() && get_theme_mod( ‘x_blog_layout’ ) == ‘full-width’ && get_theme_mod( ‘x_blog_style’ ) == ‘standard’;
$archive_full = is_archive() && ! is_post_type_archive( ‘x-portfolio’ ) && get_theme_mod( ‘x_archive_layout’ ) == ‘full-width’ && get_theme_mod( ‘x_archive_style’ ) == ‘standard’;
$site_full = get_theme_mod( ‘x_’ . $stack . ‘_layout_content’ ) == ‘full-width’;
$portfolio_full = $stack == ‘integrity’ && is_singular( ‘x-portfolio’ );
$fullwidth = $page_full || $post_full || $blog_full || $archive_full || $site_full || $portfolio_full;

if ( has_post_thumbnail() ) {

if ( $cropped == ‘cropped’ ) {
if ( $fullwidth ) {
$thumb = get_the_post_thumbnail( NULL, ‘entry-‘ . $stack . ‘-cropped-fullwidth’, NULL );
} else {
$thumb = get_the_post_thumbnail( NULL, ‘entry-‘ . $stack . ‘-cropped’, NULL );
}
} else {
if ( $fullwidth ) {
$thumb = get_the_post_thumbnail( NULL, ‘entry-‘ . $stack . ‘-fullwidth’, NULL );
} else {
$thumb = get_the_post_thumbnail( NULL, ‘entry-‘ . $stack, NULL );
}
}

switch ( is_singular() ) {
case true:
printf( ‘<div class=”entry-thumb”>%s</div>’, $thumb );
break;
case false:
// printf( ‘%3$s’,
printf( ‘%3$s’,
esc_url( get_permalink() ),
esc_attr( sprintf( __( ‘Permalink to: “%s”‘, ‘__x__’ ), the_title_attribute( ‘echo=0’ ) ) ),
$thumb
);
break;
}

}

}

thanks

[ChristopherModerator]

Hi there,

Please add this in functions.php file :

// Featured Image
// =============================================================================

//
// Output featured image in an <a> tag on index pages and a <div> for single
// posts and pages.
//

if ( ! function_exists( 'x_featured_image' ) ) :
  function x_featured_image( $cropped = '' ) {

    $stack     = x_get_stack();
    $fullwidth = ( in_array( 'x-full-width-active', get_body_class() ) ) ? true : false;

    if ( has_post_thumbnail() ) {

      if ( $cropped == 'cropped' ) {
        if ( $fullwidth ) {
          $thumb = get_the_post_thumbnail( NULL, 'entry-cropped-fullwidth', NULL );
        } else {
          $thumb = get_the_post_thumbnail( NULL, 'entry-cropped', NULL );
        }
      } else {
        if ( $fullwidth ) {
          $thumb = get_the_post_thumbnail( NULL, 'entry-fullwidth', NULL );
        } else {
          $thumb = get_the_post_thumbnail( NULL, 'entry', NULL );
        }
      }

      switch ( is_singular() ) {
        case true:
          printf( '<div class="entry-thumb">%s</div>', $thumb );
          break;
        case false:
          printf( '<a href="%1$s" class="entry-thumb" title="%2$s">%3$s</a>',
            esc_url( get_permalink() ),
            esc_attr( sprintf( __( '"%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ),
            $thumb
          );
          break;
      }

    }

  }
endif;

Hope it helps.

[robertocerda44Participant]

I use the code but the permalink to: keeps showing 🙁

[Rue NelModerator]

Hello There,

The code is working though permalink is still showing for the entry title. To totally remove it, please update your JS code using this instead:

jQuery( document ).ready(function() {
 jQuery('.x-portfolio-filters').click();
 jQuery('.x-portfolio-filter[data-option-value="*"]').click(); //extra added line
});

(function($) {
  $(document).ready(function() {
    $('.x-btn-navbar-search span span').html(" Buscar");
    $('.x-portfolio a.entry-thumb').removeAttr( "title" );
    $('.x-portfolio a.entry-thumb, .home .x-recent-post1').removeAttr( "title" );
    $('.x-portfolio a.entry-thumb').removeAttr( "title" );
    $('.entry-title-portfolio a').removeAttr( "title" );
  });
})(jQuery);

We would loved to know if this has work for you. Thank you.

[Author]

Posts