Social icons padding and opacity

resolved (4 posts) (2 voices)

  1. awilson3rd
    Member

    Hello,

    I have placed 3 social icon links in the menu area of Myriad (www(dot)nailsandbeautybucks(dot)co(dot)uk

    However, there is too much padding around the icons for them to appear on one line together. So, how can I reduce/fix this? Also, I want to change the opacity a little - when you hover over them they are clearly seen but in the normal state they are too transparent so I need to reduce it.

    Thanks

    Andrew

    Posted 2 years ago #
  2. Elliott
    Support

    Hello awilson3rd,

    Add this to your custom CSS.

    #header .social_icon {
      padding-right: 0px !important; margin-right: 0px !important;
    }
    Posted 2 years ago #
  3. awilson3rd
    Member

    Thanks Elliott,

    Any way to adjust the opacity of the non hover look?

    Thanks

    Andrew

    Posted 2 years ago #
  4. Elliott
    Support

    Maybe this.

    #header .social_icon {
      padding-right: 0px !important; margin-right: 0px !important; opacity: 0.5;
    }
    Posted 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme