How to

How to Remove … (3 Dots Called Ellipsis) Above “Read More” Link in Astra Theme

Team Brainstorm Force:

You can remove those three dots using our filter hook. You just need to add the following function to your child theme’s functions.php 

/*
 * Remove helip from read more link
*/
function remove_helip_from_read_more( $output, $output_filter ) {

	$output = str_replace( '…', '', $output );
	return $output;
}

add_filter( 'astra_post_link', 'remove_helip_from_read_more', 10, 2 );

You have to use either astra_post_link or astra_the_content_more_link hook depending where you want to remove ellipsis.

Instead of using child theme's function.php you can use code snippet WordPress plugin, for example Code Snippets.

How to Remove … (3 Dots Called Ellipsis) Above “Read More” Link in Astra Theme Read More »

How to Make Astra Theme Content Full Width with Content Margins

You can make Astra theme content 1920 px width or stretch it to full width, but what is you want to make it stretch full width but with same content margins as with other layout options? Here's how:

  1. Customize → Global → Container → Layout: Full Width / Stretched
  2. Add custom CSS:
.ast-page-builder-template .site-content>.ast-container {
   margin-right: 35px;
   margin-left: 35px;
}

.single.ast-page-builder-template .entry-header {
   padding-left: 0;
   padding-bottom: 0;
   max-width: none;
}

.ast-page-builder-template .comments-area {
   padding-right: 0;
   padding-left: 0;
   max-width: none;
}

.ast-page-builder-template .site-content #primary {
   margin: 4em 0;
   padding-right: 60px;
}

.ast-page-builder-template .ast-archive-description,
.ast-page-builder-template .entry-header {
   margin-top: 0;
}

.ast-page-builder-template .ast-archive-description,
.ast-page-builder-template .entry-header {
   padding-left: 0px;
}

You can add custom CSS for example either in Customize → Additional CSS or with CSS Hero plugin. (I'm a happy user of CSS Hero plugin and the link is an affiliate link.)

How to Make Astra Theme Content Full Width with Content Margins Read More »

How to Display Custom Post Types on The WordPress Front Page

How to Create Custom Post Types in WordPress

One advantage of using custom post types is that it keeps your custom content types away from your regular posts. However, if you would like them to display among your regular post, then you can do so by adding this code into your theme’s functions.php file or a site-specific plugin:

add_action( 'pre_get_posts',
    'add_my_post_types_to_query' );
function add_my_post_types_to_query( $query ) {
    if ( is_home() && $query->is_main_query() )
        $query->set( 'post_type',
            array( 'post', 'movies' ) );
    return $query;
}

Don’t forget to replace movies with your custom post type.

Easiest way add for example php code to WordPress is using WordPress Code Snippet plugin.

How to Display Custom Post Types on The WordPress Front Page Read More »

How to Display Text to Only Logged in WordPress Users

Create Shortcode for Logged in Users

function logged_in_only_shortcode($atts, $content = null) {
    if (is_user_logged_in() && !is_null($content) && !is_feed()) {
        return $content;
    }
}
add_shortcode('logged_in_only', 'logged_in_only_shortcode');

To use this shortcode in your post use the following code.

[logged_in_only]User is logged in.[/logged_in_only]

Create Shortcode for Logged Out Users

function logged_out_only_shortcode($atts, $content = null) {
    if (!is_user_logged_in() && !is_null($content) && !is_feed()) {
        return $content;
    }
}
add_shortcode('logged_out_only', 'logged_out_only_shortcode');

To use this shortcode in your post use the following code.

[logged_out_only]User is logged out.[/logged_out_only]

Resource: Display Text To Only Logged In WordPress Users

How to Display Text to Only Logged in WordPress Users Read More »

Scroll to Top