Docs

[Laimuciukas0]

How to change size in shop page and in gallery page products title background bar, I mark it place in file.

Thank you.

[Darshana]

Hi there,

Thanks for writing in! To assist you with this request, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Laimuciukas0]

This reply has been marked as private.

[Joao]

Hi There,

Please add this code to Appereance Customizer Custom CSS

.woocommerce .cols-4 li.product, .woocommerce.columns-4 li.product {
    width: 24% !important;
}
.woocommerce li.product {
    margin: 0 1% 4.5% 0 !important;
}

Hope it helps

Joao

[Laimuciukas0]

Code reduce the gap between the product images (it’s good function too:)), but I wanted to reduce product title background bar height (I mark it place in file previously), because I would like to have a smaller font size to products titles.

[Thai]

Hi There,

Please add the following CSS:

.woocommerce li.product .entry-wrap {
    padding: 4px 12px;
}
.woocommerce li.product .entry-header h3 {
    padding-bottom: 0;
}

Hope it helps 🙂

[Laimuciukas0]

Thank you it works in shop page, I want to do in photos gallery page the same, please write how to do it?

[Christopher]

Hi there,

Please provide us with URL of ‘photo gallery’ page.

Thanks.

[Laimuciukas0]

This reply has been marked as private.

[Thai]

Hi There,

Please update the previous CSS a bit:

.x-iso-container-portfolio .entry-wrap,
.woocommerce li.product .entry-wrap {
    padding: 4px 12px;
}
.woocommerce li.product .entry-header h3 {
    padding-bottom: 0;
}

Hope it helps 🙂

[Laimuciukas0]

Thank you.

Maybe you can help with potfolio images view, I want to have images lightbox slide show, like in this website sunglasses http://sunboo.it/bamboo/, images pop up and have navigation next or previuos.

[Paul R]

Hi,

To achieve that, you can add this in your child theme’s functions.php

function x_featured_image( $cropped = '' ) {
   Global $post;
    $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:
            if ( is_post_type_archive('x-portfolio') ) {
            printf( '<a href="%1$s" class="entry-thumb" title="%2$s">%3$s</a>',
              esc_url( wp_get_attachment_url( get_post_thumbnail_id($post->ID) ) ),
              esc_attr( sprintf( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ),
              $thumb
            );
          } else {
          printf( '<a href="%1$s" class="entry-thumb" title="%2$s">%3$s</a>',
            esc_url( get_permalink() ),
            esc_attr( sprintf( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ),
            $thumb          
          );
          }
          break;
      }

    }

  }
  
  
  add_action('wp_footer', 'enqueue_lightbox_script');

function enqueue_lightbox_script() {

  echo '

    <script type="text/javascript" src="' . home_url() . '/wp-content/plugins/cornerstone/assets/dist/js/site/vendor-ilightbox.min.js"></script>
    <script>
    jQuery(document).ready(function(){jQuery(".entry-featured .entry-thumb").iLightBox({skin: "light",linkId: "gallery-image",overlay: {opacity: 0.875,blur: true},styles: {prevScale: 0.75,prevOpacity: 0.75,nextScale: 0.75,nextOpacity: 0.75},path: "horizontal",controls: {thumbnail: false}});});
    </script>

  ';
}

Hope that helps.

[Laimuciukas0]

Thank you, images pop up nice, bet maybe next and previous images could control with the icon
< image > , because now they float

[Joao]

Hi There,

Based on your last comment I am not really sure if you need assistance and with what, would you mind clarifying?

Thanks

Joao

[Laimuciukas0]

Hi,

In attached file is marked, I would like to have control image slide show with arrowvs.

Laima

[Author]

Posts