[Resolved] Multiple Accounts Social Icons

Home Forums Support [Resolved] Multiple Accounts Social Icons

Home Forums Support Multiple Accounts Social Icons

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #302056
    Charles

    Hi, I’d like to run multiple accounts through your social icons plugins, if that’s possible.
    We’ve got our company’s social media in the footer of the whole site, and I’d like to include a band who is signed on our label – their social media icons within a section of their page on our site
    (jazzplus.org/label/districts)
    How would I go about doing this?

    Thanks

    #302068
    Leo
    Staff
    Customer Support

    Hi Charles,

    Not quite sure what you mean? Sounds like you can just insert multiple social icons?

    Or are you wanting different widget on different pages?

    Might be easier if you can provide an example and link to your site πŸ™‚

    Let me know.

    #302069
    Leo
    Staff
    Customer Support

    You can also use GP’s built-in FontAwesome library if you want the icons at a non-widget area as well: http://fontawesome.io/icons/

    #302142
    Charles

    I think using the FontAwesome thing might be the best way to do it. Do I add the code to the Page Header / Content box for the page I want the icons to appear in?
    Or should I add it directly into the Section I want to to appear in?

    #302157
    Tom
    Lead Developer
    Lead Developer

    I would say directly into the section if that’s where you want them πŸ™‚

    #302159
    Charles

    Ok, so I’ve got the icons to show up in the section I want them to. Now how do I code it so that when they are clicked they link to an external website (eg facebook, twitter).

    (and how do I centre justify them)

    Never written any code before, thanks in advance!

    #302320
    Leo
    Staff
    Customer Support

    It would be something like this:
    <a href="https://URL-HERE/"><i class="fa fa-facebook-square"></i></a>

    Are you able to provide a link to your site so I can give you some code to center them?

    #302414
    Charles

    Thanks, I think I’ve got that after some trial and error.
    1. Here is the link to the page. If they could be justified at similar spacing to the widget in the footer that would be great.
    https://jazzplus.org/label/districts/#
    2. How do I change them from black icons to white?

    Thanks!

    #302512
    Leo
    Staff
    Customer Support

    Try the CSS below:

    #generate-section-3.generate-sections-container {
        text-align: center;
    }
    #generate-section-3.generate-sections-container i {
        color: #ffffff;
        padding-right: 20px;
    }

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

    Let me know.

    #302530
    Charles

    Thanks! But I’ve lost all the code I did yesterday. It seems that whenever I edit another part of the site in Visual, wordpress then switches this section to Visual (not text) and I lose the code. How do I prevent this?

    #302532
    Leo
    Staff
    Customer Support

    The code I provided above is CSS and it cannot be added to the content itself. Can you try again using the Adding CSS link I provided above underneath the code?

    Then you would have to re-add the fontawesome links that if you removed them unfortunately.

    Let me know.

    #302717
    Charles

    Thanks, it’s all sorted now and I’ve saved the code in textpad incase it dissappears from the editor again!

    #302972
    Leo
    Staff
    Customer Support

    You’re welcome πŸ™‚

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