Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #325570
    Paul R
    Moderator

    Hi,

    You can change the url of the icons in wp-content/themes/x-child/framework/views/global/_navbar.php line 43-47

    Change #holder with the url of the corresponding social icon.

    With regards to your css, there was a missing curly bracket in your css code.

    I was able to fix it.

    HOLA

    Hope that helps.

    #326551
    angelit03
    Participant

    Thanks! It´s perfect, now I have another doubt, Is there some way to add a text field down the social icons? I want to put a slogan there, I think it will be just adding a bit of code on the _navbar.php file, but I have no idea about php.

    Can you help me?

    Thank you!

    #326558
    Paul R
    Moderator

    Hi,

    You can add your slogan under your social icons code in wp-content/themes/x-child/framework/views/global/_navbar.php
    in ~ line ni. 48

    You can add something like this.

    
    
    <div class="c-slogan">My slogan </div>
    
    

    Change My slogan with your text.

    Hope that helps.

    #719940
    Megan H
    Participant

    That worked! Thanks for helping me with that step. Now I have activated the child theme and the home screen looks different. Here are two pictures. Also, I’m not sure where/ how to add the Facebook and Instagram links.

    #719941
    Rue Nel
    Moderator

    Hello Megan,

    Thanks for updating this thread!

    Your screenshots were not uploaded because it exceeds the file size. For the meantime, please make sure that you have added your social profile links for facebook and instagram in the customizer, Appearance > Customize > Social. And in your code, you can replace this: <div class="c-slogan">My slogan </div> into this <div class="c-slogan"><?php x_social_global(); ?></div> to display the social icons.

    Hope this helps.

    #719942
    Megan H
    Participant
    This reply has been marked as private.
    #719947
    Rue Nel
    Moderator

    Please send the screenshots will smaller file size again.
    Make sure that your file size is less than 512KB.

    #719949
    Megan H
    Participant
    This reply has been marked as private.
    #719952
    Rue Nel
    Moderator

    Hello There,

    If you have installed a caching plugin like W3 Total Cache, please clear your plugin cache first before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

    Hope this helps.

    #719954
    Megan H
    Participant

    Thank you, I will deactivate the plugin and check the status of that later.

    I am still not seeing any social media links or icons on my page. Is there anything further I should do to activate them on my website?

    Thanks

    #719957
    Megan H
    Participant

    Previously stated: “For the meantime, please make sure that you have added your social profile links for facebook and instagram in the customizer, Appearance > Customize > Social. And in your code, you can replace this: <div class=”c-slogan”>My slogan </div> into this <div class=”c-slogan”><?php x_social_global(); ?></div> to display the social icons.”

    Where can I find this code? Can you please give me the steps. Thank you.

    I looked in my _navbar.php file and couldn’t find codes with “slogan” in it.

    #719962
    Zeshan
    Member

    Hi Megan,

    Please test for the caching and provide us with your URL so we can take a closer look.

    Thank you!

    #719970
    Megan H
    Participant
    This reply has been marked as private.
    #719976
    Zeshan
    Member

    Hi Megan,

    I’ve tried to open your site but it’s not loading at my end. Please confirm the URL.

    Thank you!

    #719979
    Megan H
    Participant

    That is it. It must not be loading under the child theme. Should I return it back to the main theme?

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