[Support request] Social icons inline with other 3 items in top menu bar

Home Forums Support [Support request] Social icons inline with other 3 items in top menu bar

Home Forums Support Social icons inline with other 3 items in top menu bar

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #605461
    Mark

    I am using Tom’s Lightweight Social icons and trying to place them in the top menu bar to the left of the existing 3 items. However, when I add this widget to the top menu bar area, they end of above the existing items, instead of inline with them. You can see this in my site. Please advise.

    Thanks,

    Mark

    #605554
    Leo
    Staff
    Customer Support

    Hi there,

    I’m not seeing any LSIs on that page you linked.

    Can you add it in so I can see the problem?

    #605567
    Mark

    Sorry Leo – its in there now.

    Mark

    #605594
    Mark

    Leo, I forgot to ask you – can each of the social icons be a different color?

    Thanks,

    Mark

    #605643
    Leo
    Staff
    Customer Support

    I can see the code for LSIs but not actually seeing the icons.

    Is it working for you?

    As for the layout, try this option:
    https://docs.generatepress.com/article/top-bar-widget-area/#secondary-navigation

    #605647
    Mark

    Hi Leo,
    Yes, they are on there now. I forgot to save.

    Does that link you sent me also deal with different colors for the individual icons?

    Mark

    #605702
    Leo
    Staff
    Customer Support

    Here are the CSS to change the colors for each of them:

    .icon-set-lsi_widget-2 .lsi-social-facebook a {
        background-color: #fff !important;
        color: #000 !important;
    }
    .icon-set-lsi_widget-2 .lsi-social-twitter a {
        background-color: #fff !important;
        color: #000 !important;
    }
    .icon-set-lsi_widget-2 .lsi-social-instagram a {
        background-color: #fff !important;
        color: #000 !important;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.