• My site is at https://donut5krun.com/

    I would like to be able to move my social media buttons up inot the bar above the content area where the site page title is displayed.

    Currently I am just placing [feather_share] in the upper right of the content area.

    Thanks so much!

    Richard

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Richard. Welcome to the Hueman forum. Give this a try:

    1. Copy /inc/page-title.php to your child theme /inc/page-title.php. It has to go in the same subfolder as on the parent theme.

    2. At the bottom find this:

    <?php endif; ?>
    
    </div><!--/.page-title-->

    3. Add your shortcode:

    <?php endif; ?>
    
    <?php
        echo '<p class="feather_share">';
        echo do_shortcode('[feather_share]');
        echo '</p>';
     ?>
    
    </div><!--/.page-title-->

    4. You’ll probably need to add some css to position it; something like:

    .feather_share {
        float: right;
    }
    Thread Starter richardtc17

    (@richardtc17)

    Easy! Thanks so much!

    One more question: Can the social media buttons share the line with the page title?

    https://donut5krun.com/register/

    I took out the “Home” title because we didn’t want it there anyway, but if we leave the title in, the social media buttons are pushed down a line.

    Thanks!

    Richard

    If you’re using 32×32 icons this should get you pretty close:

    /* adjust page title for social icons */
    .page-title {
        padding: 9px 30px;
    }
    .page-title > h1, .page-title > h2 {
        float: left;
        padding-top: 10px;
    }
    .feather_share {
        float: right;
    }
    .feather_share a {
        margin-top: 5px !important;
        margin-bottom: 0 !important;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding Social Media Buttons to Right Side of Bar’ is closed to new replies.