|
killerkonceptz
|
February 19, 2017 at 6:18 pm
I have changed the “Connect With Us” section of the email registration footer by switching the Google+ area out in favor of LinkedIn. I know the shortcode but wondered if there is a special class for LinkedIn like there is for Twitter, Facebook, and Google+.
I guessed that it would be “soc-btn li” – however, I cannot find any place where I can confirm that information. I found the list of shortcodes and all, but that is all.
a class=”soc-btn li” href=”[CO_LINKEDIN_URL]”>LinkedIn
Of course, I foresee needing all of the appropriate classes (in addition to gp for Google+, fb for Facebook, and tw for Twitter). Is ig the class to use for Instagram? Is there a document that identifies these type of default classes and/or shortcodes?
Thanks for you time, attention, and assistance!
|
|
Josh
|
February 20, 2017 at 1:32 pm
Hi there,
There actually isn’t a CSS class for those shortcodes. The shortcodes only parse a URL. With regards to the different classes you’ll find on the built-in a elements in templates, there are only a few classes and they basically set a background color for each of the built-in buttons:
Facebook:
a.fb { background-color: #3B5998!important; }
Twitter
a.tw { background-color: #1daced!important; }
Google +
a.gp { background-color: #DB4A39!important; }
When you add more social button types you can add inline styles. Here’s an example that shows how to add a few more buttons to what’s already there:
<tr>
<td>
<h5>Connect with Us:</h5>
<a class="soc-btn fb" href="[CO_FACEBOOK_URL]">Facebook</a>
<a class="soc-btn tw" href="[CO_TWITTER_URL]">Twitter</a>
<a class="soc-btn gp" href="[CO_GOOGLE_URL]">Google+</a>
<a class="soc-btn" style="background-color: #98007b"
href="[CO_INSTAGRAM_URL]">Instagram</a>
<a class="soc-btn" style="background-color: #0478b0"
href="[CO_LINKEDIN_URL]">LinkedIn</a>
</td>
</tr>
Here’s a preview of the above:
|
