• 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

Altitude Footer Credits + Social Icons?

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 › Altitude Footer Credits + Social Icons?

This topic is: resolved

Tagged: altitude, credits, footer, Icons, social

  • This topic has 26 replies, 2 voices, and was last updated 7 years, 8 months ago by Vasilis.
Viewing 7 posts - 21 through 27 (of 27 total)
← 1 2
  • Author
    Posts
  • June 7, 2015 at 10:51 am #155210
    Vasilis
    Member

    So, here is a weird problem Erik...dunno if other members of forum know about this already...

    Social Icons Widget conflicts if you have it active 2 times in different widgets

    So, I have one Social Icons Widget on my primary sidebar and one on the new Page Footer we just fixed...

    For some reason the social icons widget on the primary sidebar conflicts with the page footer social icons widget settings...

    It conflicts with the colors and now we changed the css and added float: right the primary sidebar widget also followed this.

    Here is the link to check it

    http://cleancar.me/blog/

    For instance the social icons widget on the primary sidebar should have white background on the social icons....and the social icons widget on the footer should have black background....however the first one follows the second one settings...

    Weird? Right?


    Marketing & Business Development Consultant Located in Bangkok, Thailand @ PowerHouse Consulting Group

    June 7, 2015 at 11:54 am #155241
    Erik D. Slater
    Member

    Whatever CSS you added for the sidebar version of the plugin, prefix your selector with .sidebar followed by a space, for example:

    If the sidebar version of the CSS is something like .simple-social-icons ul li a, change it to .sidebar .simple-social-icons ul li a.

    The most effective method is to find the CSS for .simple-social-icons ul li a, then define .sidebar .simple-social-icons ul li a immediately below it to include only the changes you want, i.e. you don't have to duplicate every style element.


    Erik D. Slater: Digital Platform Consultant • LinkedIn
    June 7, 2015 at 12:07 pm #155243
    Vasilis
    Member

    Awesome!

    Here is what I tried

    .sidebar .simple-social-icons ul li a {
            margin: 0 15px;
    }

    But the results are just expanding the area between the social icons.

    Check it here => http://cleancar.me/blog

    Kind Regards


    Marketing & Business Development Consultant Located in Bangkok, Thailand @ PowerHouse Consulting Group

    June 7, 2015 at 8:48 pm #155296
    Erik D. Slater
    Member

    Right ... the point being that you have now targeted the sidebar version of your social buttons while leaving the footer version unchanged.

    The code I provided was just a sample to show you the way 🙂 The code that you tried will add a margin of 15px to the left and right of each of your social button links.

    To get your white background thingy going, just change that margin: 0 15px; to background-color: #fff !important; ... or add to it, depending on what you want to do.

    I should also add that I absolutely hate the Simple Social Icons plugin 🙂


    Erik D. Slater: Digital Platform Consultant • LinkedIn
    June 7, 2015 at 9:16 pm #155297
    Vasilis
    Member

    Ok I see...

    However the problem is that if there is a margin less than 15px it again makes the next sidebar widget to get up at the same horizontal level with social icons widget and overlap each other...

    And the 15px margin lets a lot of space between each social icon...

    Check this screenshot with 5px margin to understand more

    Kindly appreciated


    Marketing & Business Development Consultant Located in Bangkok, Thailand @ PowerHouse Consulting Group

    June 7, 2015 at 9:50 pm #155300
    Erik D. Slater
    Member

    Remember when I said before that we will likely have to "replace the bit we just added"? Well, we have arrived at that moment 🙂

    You now need to change:

    .simple-social-icons {
    float: right;
    }

    to

    .site-footer .simple-social-icons {
    float: right;
    }


    Erik D. Slater: Digital Platform Consultant • LinkedIn
    June 7, 2015 at 9:56 pm #155301
    Vasilis
    Member

    Awesome!

    That did the trick, AGAIN 🙂

    Thank you Erik!

    Tons of appreciation for you.


    Marketing & Business Development Consultant Located in Bangkok, Thailand @ PowerHouse Consulting Group

  • Author
    Posts
Viewing 7 posts - 21 through 27 (of 27 total)
← 1 2
  • 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