Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1223558
    Jayd K
    Participant

    Hi there,

    I was wondering if you could help me?

    I am trying to add social media icons into the topbar.
    In the ‘topbar’ code, I have tried several different ways to insert a shortcode with no joy.
    At the moment, the default placing for the social media icons in Renew is to pop them below topbar and above the logo. This takes away precious space, which I am trying to avoid.

    I have tried the following code below which uses the square facebook icon shortcode, which does not work.

    How can this be achieved? Is there an updated shortcode that I am missing out on?

    My website is
    where you will see the code for the social media shortcode has just left the red text of the shortcode rather than the icon.

    The code within the topbar is

    <div class="topbar_contacts">
    <SPAN STYLE="color: rgb(202, 202, 202); font-size: 9pt; position: relative;top: 5px;">201 Marsh Road, Pinner, London, HA5 5NE | 020 8869 9920 | [email protected]  </strong><a href="#social-profile-url">[x_icon type="facebook-square"]</a></SPAN></div>

    Any help greatly appreciated.

    #1223575
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1223647
    Jayd K
    Participant

    Hi there,

    Thats strange I pasted it in as a link in the previous message, not sure where it went!
    Many thanks

    http://www.simplysignspreview.com/reddotjewels/

    #1223750
    Paul R
    Moderator

    Hi,

    To enable shortcode in the topbar, you can add the code below in your child theme’s functions.php file.

    add_filter('x_option_x_topbar_content', 'do_shortcode');

    Hope that helps.

    #1224043
    Jayd K
    Participant

    Hi there,

    Thanks for getting back to me.
    I havent edited my functions before, as normally just use themes out of the box or customiser CSS.
    Does it matter where I place this in the functions PHP?
    Will the future version of X Theme allow social media icons to be placed in the topbar simply using the shortcode?

    Many thanks.

    #1224249
    Rupok
    Member

    Hi there,

    Thanks for writing back. You can place this after all codes on your functions.php. We are working on the header builder you might know and these things would be lot easier I believe. Stay with us. 🙂

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1223558 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>