• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Jetpack Share buttons

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Jetpack Share buttons

This topic is: not resolved
  • This topic has 15 replies, 6 voices, and was last updated 11 years, 10 months ago by bmcgoff.
Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 24, 2013 at 9:53 pm #52404
    Jenny
    Member

    I found the jetpack share button tutorial on changing their look. So I put the css into my theme and nothing happens...

    http://so-very.me

    Am I missing something?

    July 25, 2013 at 2:50 pm #52487
    AnitaC
    Keymaster

    What tutorial did you use?


    Need help with customization or troubleshooting? Reach out to me.

    July 25, 2013 at 8:23 pm #52549
    Jenny
    Member

    this is the one i used~

    July 28, 2013 at 9:52 am #52965
    Jenny
    Member

    nobody?

    July 28, 2013 at 10:11 am #52967
    AnitaC
    Keymaster

    Did you place the other code in the tutorial into your Functions.php file?


    Need help with customization or troubleshooting? Reach out to me.

    July 30, 2013 at 7:33 am #53199
    Jenny
    Member

    yus, but that only puts it above the post. and even then the CSS isn't working.

    July 30, 2013 at 7:38 am #53200
    AnitaC
    Keymaster

    Okay here's the thing... did you follow the instructions?? It says, "If you want to take things a step further, you can customize the sharing buttons to make them match your site." Did you just copy his code and do nothing with it? Or did you "customize the CSS to match your own website?"


    Need help with customization or troubleshooting? Reach out to me.

    July 31, 2013 at 7:15 am #53375
    Jenny
    Member

    Honestly I'm no expert and I pretty much just fiddle with things till they blow up or... don't. Yes I followed the instructions and yes I customized it. But I think my theme might be wonky to begin with and I really don't know how or where. It's okay, I don't really need it. 🙂 It was just a nifty trick. Thanks for helping though.

    July 31, 2013 at 11:52 am #53407
    cammunro
    Member

    Im having the exact same problem, uploaded my own css styling as the tutorial shows and it still displays the boring old jetpack style. I see your's works on your site now, how did you resolve it?

    July 31, 2013 at 2:23 pm #53425
    josbarrios
    Member

    Have you tried the Shareholic plugin? I think is waaay better and easy to setup than Jetpack Share buttons.

    July 31, 2013 at 4:51 pm #53450
    Marcy
    Participant

    @cammunro Can you please post a link to your site?


    Marcy | Amethyst Website Design | Twitter

    July 31, 2013 at 6:12 pm #53462
    AnitaC
    Keymaster

    @jenny, you put your code in a custom css file. try putting it at the bottom of your main style.css file and see how that works for you.


    Need help with customization or troubleshooting? Reach out to me.

    July 31, 2013 at 6:16 pm #53464
    AnitaC
    Keymaster

    Make sure you place the code in the style.css file and not a custom file.


    Need help with customization or troubleshooting? Reach out to me.

    August 3, 2013 at 8:46 pm #54022
    cammunro
    Member

    CameronMunro.ca --- Its pretty minimal right now, just farting around with the different themes and things that can be done with them... still cant get this to work even with the code as-is from the tutorial. And yes I added the css code to the style.css file.

    August 8, 2013 at 5:44 pm #55137
    cammunro
    Member

    Resolved.

    1 - I updated to Genesis 2.0.
    2 - installed "Sixteen nine" theme.
    3 - Followed tutorial instructions only this time I used ftp, downloaded "functions.php" and "style.css" to my computer > used Notepad++ to edit the files > Re-uploaded the files to the theme files overwritting the old ones.

    Maybe the wordpress editor wasn't working properly on my server. I have had issues with it before. From now on I will edit any php and css file this way to ensure no bugs happen.

    September 17, 2013 at 11:28 am #63020
    bmcgoff
    Member

    So you didn't have to use the !important tag or anything like that? Did you use "." or "#" in the CSS?

    -B

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble