Docs

[streetberlin]

Hi guys,

I have a blog on rene stack

https://streetberlin.net/street-photography-blog/

I would like to

1.replace “read more” link with read more button, styled very much like the standard button on x

2. place post title and excerpt and read more button on the preview image rather than below

Thank you so much

[Christopher]

Hi there,

#1 Please add following code in Customize -> Custom -> Global JavaScript :

jQuery(".more-link").addClass("x-btn");

#2 Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Hope that helps.

[streetberlin]

yep, it did

quick follow up question: “How do I lose those 3 dots … before the “Read More”

[Christopher]

Hi there,

Please add following code in child theme’s functions.php file :

// Excerpt More String
// =============================================================================

if ( ! function_exists( 'x_excerpt_string' ) ) :
  function x_excerpt_string( $more ) {
    
    $stack = x_get_stack();

    if ( $stack == 'integrity' ) {
      return ' ... <div><a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a></div>';
    } else if ( $stack == 'renew' ) {
      return ' <a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a>';
    } else if ( $stack == 'icon' ) {
      return ' ...';
    } else if ( $stack == 'ethos' ) {
      return ' ...';
    }

  }
  add_filter( 'excerpt_more', 'x_excerpt_string' );
endif;

Hope it helps.

[Author]

Posts