Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1046064
    Friech
    Moderator

    Hi Andrew,

    Maybe you can upload your Customizer settings (.json file) and _navbar.php file on a dropbox.com or alike site. So we can replicate the issue on our end and formulate a CSS tailored to your issue.

    To get your Customizer settings navigate to Addons > Customizer Manager then Export.

    Thanks.

    #1050698
    Andrew
    Participant
    This reply has been marked as private.
    #1051056
    Jade
    Moderator

    Hi Andrew,

    The social share icons container have a default top and bottom margin but I am not certain if this will fix the issue as I could only assume since we do have a link so check the actual site. Please try this code:

    .x-entry-share {
        border: 0;
    }

    In case this would not work, is there a chance that you could upload your site in a test environment so that we could have a look and provide you with the correct CSS code. Thanks!

    #1054184
    Andrew
    Participant

    Hi Jade,

    Thanks for the code, but it did not have the desired effect; perhaps because it targeted the incorrect class. If you follow this thread from the beginning, you’ll see Rue Nel proposed customizing the x-child _navbar together with CSS to achieve the effect.

    Six support staff have tried assisting – all with different approaches; Rue Nel, Rad, Nabeel A, Joao, Friech, and yourself. This seems excessive when trying to style the share icons. Perhaps they’re more complicated that I know.

    Friech asked for the .json and _navbar.php files to tailor a solution, which I’ve uploaded to my OneDrive and provided the login/share details. (See above) I assume you’ve looked at this before suggesting your answer, otherwise I’m confused.

    Can you liaise with Friech to see what he had in mind?

    Thanks,

    Andrew

    #1054390
    Lely
    Moderator

    Hello Andrew,

    Please add this CSS instead:

    .social-nav .x-entry-share {
        border: none !important;
    }

    I have duplicate your setup on one of our demo site. See here:http://screencast-o-matic.com/watch/cD132Oi0Ip. As you can see, above CSS removes the border.

    The only reason that not might not work is if you do have CSS syntax error like missing dot or curly braces. In that case, reply with all your custom CSS so we can check.

    Hope this helps.

    #1054537
    Andrew
    Participant

    Hi Lely,

    Thanks for the video – it steered me in the right direction. The div in my x-child theme was named differently in the _navbar.php file.

    Cheers!

    Andrew

    #1054669
    Joao
    Moderator

    Great to hear it.

    Let us know if you need help with anything else.

    Joao

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