The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Back End SVG Anchor Tag PHP Function Animation Transition Madness Reply To: SVG Anchor Tag PHP Function Animation Transition Madness


My permalinks are set to /%postname%/. All of that is apart of my WP Maintenance 101 Checklist lol.

The Responsive theme is in the WordPress Repository and is free. All I did was create a child theme and start to alter stuff in the header and footer only first. You can download it and look at their header.php file to get a look at their coding.

The only code I’ve added to the header.php file was:

         <div id="logo">
                <svg class="bm-logo" version="1.1" id="Layer_1" x="0px" y="0px" width="128px" height="128px" viewBox="0 0 128 128" enable-background="new 0 0 128 128" xml:space="preserve">
                    <a xlink:href="">
                      <rect class="logo-bg" fill="#404040" width="128" height="128"/>
                      <path class="logo-square" fill="#404040" stroke="#FFFFFF" stroke-width="8" stroke-miterlimit="10" d="M9.28,9.28v109.44h109.44V9.28H9.28z"/>
                        <path fill="#FFFFFF" d="M45,81.104h17.352c6.399,0,10.6,2.899,10.6,8.852c0,3.6-1.851,6.199-5.101,7.6v0.1
                                                c4.351,0.951,6.7,4.352,6.7,9.201c0,5.602-3.899,9.951-13.151,9.951H45V81.104z M51.25,96.053h10.201c3,0,5.25-1.75,5.25-4.949
                                                c0-3.601-1.85-4.899-5.25-4.899H51.25V96.053z M51.25,111.705h11.051c3.801,0,6-2.051,6-5.65c0-3.5-2.199-5.5-6-5.5H51.25V111.705z
                        <path fill="#FFFFFF" d="M79.4,90.954h5.4v3.599h0.15c1.7-2.55,3.851-4.3,7.95-4.3c3.149,0,6.101,1.351,7.25,4.3
            </div><!-- end of #logo -->

And if you take a look at their header.php, you can see exactly where I placed this code.