How to Change the HTML Tag for Site Tagline in Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

    How to Change HTML tag for Site Title and Tagline?

    From Astra customizer settings ( Customize > Header > Site Identity > Site Tagline / Site Title ), you can add the Title or a Tagline for your site. A Site Title is the name of your side, and the tagline is a small catchy descriptive line for your site.

    Enable Tagline, Astra 3.0+

    By default, the Title has Heading 1 tag <H1> while tagline has paragraph tag <p> in HTML structure. You can change this tag to any other HTML tag using the following filters:

    • Change Tag For a Tagline
    add_filter( 'astra_site_tagline_tag', 'astra_change_site_tagline_tag' );
    
    /* Function to change tag of Site Tagline.
    @param string $tag Default is p tag.
    */
    function astra_change_site_tagline_tag( $tag ) {
    $tag = 'h6';
    return $tag;
    }

    Note:

    1. Above filter will change tag to tag. You can update it as per your requirement.

    2. Paste the above code in the child theme’s functions.php file.

    This is how your Default tag looks in your code:

    Tagline Default Tag, Astra 3.0+

    And this is the change from <p> to <H6> in your code after adding the Filter:

    • Change Tag For a Site Title

    You can also replace the H1 tag for the Title with span tag using the below filter –

    add_filter( 'astra_site_title_tag', 'astra_function_change_site_title' );
    
    /**
    * Function to replace h1 tag with span in site title.
    *
    * @param string $tag This contains the tag used for site titles.
    * @return string
    */
    function astra_function_change_site_title( $tag ) {
        $tag = 'span';
        return $tag;
    }
    Tagline Heading Tag, Astra 3.0+
    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    111063

    Biggest Ever Cyber Monday Sale!

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds
    111064

    Don't Miss Our Biggest Discount

    ***LIMITED TIME ONLY***

    100% Unconditional Money-back Guarantee

    Purchase today & lock in your deal!

    Scroll to Top
    Now choose your preferred
    page builder addon
    Choose your preferred page builder addon

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

    Enter your email address and be the first to learn about updates and new features.