- This topic has 12 replies, 3 voices, and was last updated 6 years, 11 months ago by Leo.
-
AuthorPosts
-
April 5, 2017 at 7:01 am #302056Charles
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
April 5, 2017 at 7:19 am #302068LeoStaffCustomer SupportHi 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.
April 5, 2017 at 7:21 am #302069LeoStaffCustomer SupportYou 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/
April 5, 2017 at 10:08 am #302142CharlesI 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?April 5, 2017 at 10:24 am #302157TomLead DeveloperLead DeveloperI would say directly into the section if that’s where you want them π
April 5, 2017 at 10:25 am #302159CharlesOk, 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!
April 5, 2017 at 4:17 pm #302320LeoStaffCustomer SupportIt 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?
April 6, 2017 at 12:54 am #302414CharlesThanks, 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!
April 6, 2017 at 7:08 am #302512LeoStaffCustomer SupportTry 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.
April 6, 2017 at 7:31 am #302530CharlesThanks! 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?
April 6, 2017 at 7:37 am #302532LeoStaffCustomer SupportThe 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.
April 6, 2017 at 2:15 pm #302717CharlesThanks, it’s all sorted now and I’ve saved the code in textpad incase it dissappears from the editor again!
April 7, 2017 at 7:22 am #302972LeoStaffCustomer SupportYou’re welcome π
-
AuthorPosts
- You must be logged in to reply to this topic.