Best regards,

For any reason you don’t want that, to prevent URL from changing:

• With Content Views Pro:
  Please add this code to Custom JS field (the right textarea) in Content Views >> Settings page:

  window.cv_pagination_no_update_url = true;
  

• With Content Views free:
  Please check this document (click here) to add above script to your site.

Best regards,

#pt-cv-view-VIEW_ID .pt-cv-title a {
    list-style-type: disc;
    margin-left: 25px !important;
    display: list-item;
}

(replace VIEW_ID with ID of your View)

With Content Views Pro, please add above code to Custom CSS field in Content Views >> Settings page.
With Content Views Free, please add above code to file style.css of your active theme.

Best regards,

.cv-pageitem-first, .cv-pageitem-last {display: none !important;}

(If you are using the Free version, you might add above CSS to the file style.css of the theme)

Best regards,

/* Disable scroll to top on changing ajax page */
window.cvp_pagination_no_scroll = true;

If you are using Free version, please add above code in this way (click here).

Best regards,

• click the “Background Color” button of the element
• then slide the second vertical bar on the pop up box

Best regards,

/* Glossary list - hide all posts at beginning, show on click A to Z letters */
setTimeout(function(){
var $view = $('#pt-cv-view-VIEW_ID');
$view.hide(); $('.pt-cv-gls-menu a').on('click',function(){$view.show()});
},1000);

(please replace VIEW_ID with ID of your View)

Best regards,

To do that, Please add this code to Custom CSS field (the left textarea) in Content Views >> Settings page:

/* Live Filter – custom style for the checkbox type */
.cvp-live-filter.cvp-checkbox {
    min-width: 250px;
}

.cvp-live-filter.cvp-checkbox .cvp-label {
    font-size: 20px !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    background-color: #00aeef !important;
    display: block;
    margin-right: 0;
    padding: 10px;
}

.cvp-live-filter.cvp-checkbox .checkbox {
    border-bottom: 1px solid #f3f3f3 !important;
    padding: 5px 0px;
    color: red;
}

Best regards,

• Step 1: add a custom field to every existing and upcoming posts, to store the glossary index.

  Please add this code to file functions.php in the theme’s folder (or install this plugin Code Snippets then add this code to the “Code” textarea):

  // Content Views Pro - add custom field glossary heading for each post
  add_action( 'admin_head', 'cvp_theme_add_ctf_glossary_to_exising_posts' );
  function cvp_theme_add_ctf_glossary_to_exising_posts() {
      if ( !get_option( 'cvp_theme_add_ctf_glossary_index' ) ) {
          global $wpdb;
          $wpdb->query( "INSERT INTO {$wpdb->postmeta} (post_id,meta_key,meta_value)
    SELECT ID, 'cvp_glossary_filter', LEFT(post_title,1)
    FROM {$wpdb->posts} WHERE {$wpdb->posts}.post_type = 'post' AND {$wpdb->posts}.post_status = 'publish'" );
          
          add_option( 'cvp_theme_add_ctf_glossary_index', 1, '', 'no' );
      }
  }
  
  add_action( 'save_post', 'cvp_theme_add_ctf_glossary_to_new_posts' );
  function cvp_theme_add_ctf_glossary_to_new_posts( $post_id ) {
      if ( wp_is_post_revision( $post_id ) )
          return;
  
      $post_title = get_the_title( $post_id );
      update_post_meta( $post_id, 'cvp_glossary_filter', mb_substr( $post_title, 0, 1 ) );
  }
  // End code
  

  Notice:

  Above code works for the Post type.
  To use for Page type, please replace 'post' in above code by 'page'.
  To use for Custom Post type, please replace 'post' in above code by Post Type Key, for example: 'product' or 'event' depends on your post type.

• Step 2: Create a new View to show the glossary indexes, and allow visitors to filter posts by indexes.
  In Admin area, click Content Views > Add New menu item.

  In Filter Settings tab of the View:

  • select Custom Fields in Advance group, then click Add New button. A new field will be added.
  • select cvp_glossary_filter for the “Field Key”
  • select the checkbox: Show as filters to visitors
  • select the Button option for the Type dropdown

    

  In Display Settings tab of the View:

  • Select the Grid option for Layout. Please do not select the Glossary option, because it doesn’t support pagination.
  • Enable pagination

Then save the View, and add View shortcode to where you want to display it.

Best regards,

With Free version, to change border (width, style, color) of Read More button, please use this CSS:

/* Change border of Read More button */
.pt-cv-view .pt-cv-readmore {
    border-width: 3px !important;
    border-style: solid !important;
    border-color: red !important;
}

.pt-cv-view .pt-cv-readmore:hover {
    border-width: 3px !important;
    border-style: solid !important;
    border-color: red !important;
}

You can change values of width, style, color as you want.

Best regards,