• 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

Social Media 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 › Social Media buttons

This topic is: not resolved

Tagged: code, css, design, Facebook, grapics, html5, Metro, social media, stylsheet, Twitter

  • This topic has 4 replies, 2 voices, and was last updated 7 years, 11 months ago by whiskymac.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 27, 2015 at 6:48 am #149288
    whiskymac
    Member

    Hey all!

    At the moment I'm using a slider in the right hand column to get my social buttons to look like this http://christmastree1.underthechristmastree.co.uk/ however I don't really want to use the slider and want to enter the code but every time I do the buttons go everywhere - can someone please help with the code?

    Thanks again 😀

    http://christmastree1.underthechristmastree.co.uk/
    April 28, 2015 at 8:06 am #149391
    whiskymac
    Member

    Still needing help with this if anyone can help?

    May 4, 2015 at 5:28 am #149468
    wheelingit
    Member

    Are you saying you DON'T want the sliding function? If you just want to enter "flat" social media icons without any of the fancy sliding around I do it the old-fashioned way. I upload the images I want to use for each of the icons in my media file. Then I enter a "TEXT" box into my side-bar and use the following code:

    <div>Twitter RSS</div>

    It's not fancy, but it's always worked for me. You can change the size of your images directly in the code.

    Maybe someone else will come up w/ a fancier solution.

    May 4, 2015 at 5:29 am #149470
    wheelingit
    Member

    Are you saying you DON'T want all that sliding around? If you just want basic, flat social media icons then I usually do it the old-fashioned way. I upload the icons I want to use into my media library, Then I enter a plain old TEXT box into my side-bar and use the following code:

    <div>Twitter RSS</div>

    And so on....you can change the size in the code. It's not fancy, but it's always worked for me.

    Nina

    May 5, 2015 at 5:09 am #150187
    whiskymac
    Member

    Hi Nina,

    Thanks for this, I will maybe give this a go for just now! 😀

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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

© 2023 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