Parallelism of display with common Jetpack plugins about syndication-links HOT 4 CLOSED

The size can be set in CSS. These are SVG icons and will scale infinitely. Also, since I am now using the Social Logos pack from Automattic, this is the same icon set Jetpack uses. There are two ways to add it... inside the content block or outside. Outside requires hacking the theme.

from syndication-links.

For reference, here's the CSS that jetpack uses:

/* Make the Syndication Links replicate the font characteristics of JetPack */
.relsyn {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
}

from syndication-links.

I added support for three different icon sizes. I am reluctant to set font families as I prefer to inherit from the theme.

from syndication-links.

That's acceptable and should work well.

For those in the future looking to change their CSS to match JetPack, try the following:

• In the settings, change "Text Before Links" to: Syndicated to: <br/>
• Add the following CSS snippet to your theme (preferably as a child them) or to the "Additional CSS" tab from within the Customizer:
  /* Make the Syndication Links replicate the font characteristics of JetPack */
  .relsyn { font-family: Montserrat, "Helvetica Neue", sans-serif; font-size: 0.8125rem; font-weight: 400; }

I'm guessing the medium size should work well for the icons (once that feature is released). One could add some additional padding/margins and the <hr> as well, but for some reason I've had difficulty pulling it off in CSS (or I've been missing some override somewhere...)

As always, thanks David!

from syndication-links.