Support » Theme: Go » Want to add text to the footer of my website

  • Resolved booklogixmarketing

    (@booklogixmarketing)


    I want to add this text to my footer (specifically the blue part right under the name Meg O’ Keefe) but it looks like it might require some coding, can you help?

    LEXILE® Measure
    Little in the Middle

    260LGrade 1 Reading Level
    Monsters for Sale

    AD560LAdult Directed – Grade 3 Reading Level

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Hi @booklogixmarketing

    Since most HTML is stripped out at that location it’s a little bit more challenging to get things exactly the way you want. You’d first need to create a custom MU plugin where you can add custom code to.

    We have a tutorial setup on one of our other themes that explains how to achieve this, https://godaddy.github.io/wp-primer-theme/tutorials-and-examples/tutorials/mu-plugin.html.

    Once you have an MU plugin setup, you can add the following little code snippet to it:

    /**
     * Additional footer copyright copy.
     *
     * @param  string $copyright_copy Original footer copyright copy.
     *
     * @return string Filtered footer copyright copy.
     */
    function custom_copyright_footer_text( $copyright_copy ) {
    
    	$additional_copy = '<span class="additional-copyright-text">LEXILE® Measure
    	Little in the Middle</span>
    
    	<span class="additional-copyright-text">260LGrade 1 Reading Level
    	Monsters for Sale</span>
    
    	<span class="additional-copyright-text">AD560LAdult Directed – Grade 3 Reading Level</span>';
    
    	return $copyright_copy . $additional_copy;
    
    }
    add_filter( 'theme_mod_copyright', 'custom_copyright_footer_text' );

    Once you’ve done that, you should see the text appear in the footer but not properly styled. To style things you can head into the WordPress customizer ‘Additional CSS’ section. You can navigate there from within the WordPress dashboard by going to ‘Appearance > Customize > Additional CSS’. From there, you can just drop the following little CSS snippet in:

    .additional-copyright-text {
    	display: block;
    	margin: 15px 0;
    }

    It might need a little bit of tweaking to get things displaying exactly how you want, but that should be a pretty solid starting off point.

    Evan

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.