AI Code Generator For WordPress Creators

CodeWP.ai is a powerful platform designed specifically for WordPress users, offering AI-generated custom code snippets to enhance your website's functionality. By leveraging OpenAI's GPT-3 technology, CodeWP.ai simplifies the process of creating personalized code, saving time and effort. The user-friendly interface enables you to input your requirements and receive tailored code snippets, perfect for optimizing your WordPress site without extensive coding knowledge.

https://codewp.ai

AI Code Generator For WordPress Creators Read More »

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 »

Scroll to Top