Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 13, 2014 at 11:01 am #263858
    tomitos

    Hi,

    I was using non transparent background for Social Icons in Header (removing pseudo class :hover) but after update to 2.7.1 does not work any more.

    How can I override “background: transparent;” not to be transparent?

    Thanks.

    #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {
    background: transparent;
    }

    • This topic was modified 10 years, 6 months ago by tomitos.
    May 13, 2014 at 12:02 pm #263893
    Flikk

    get background color from parent:

    background-color: inherit;

    Or set the background color you want

    background-color: #ffffff;
    May 13, 2014 at 12:11 pm #263895
    tomitos

    Hi Flikk,

    I would like to overwrite property “background: transparent;” which comes with parent theme. I know I could do for every single icon, but I would like to override this “transparent” property.
    And not being so close to css ;)

    May 13, 2014 at 12:28 pm #263900
    Flikk

    transparent is the standard value for background.
    you can set the background with:

    .social_bookmarks>li {
    background-color: #ffffff;
}
    May 13, 2014 at 12:40 pm #263904
    tomitos

    I do have set background for every icon, but now is overwriten by “transparent”.

    In previous versions was just needed to remove the hofer effect:
    https://kriesi.at/support/topic/remove-the-hover-effect-from-social-media-icons/

    And sure, if there is no way to remove this transparent property, I’ll add backgorund also to custom.css

    May 13, 2014 at 12:43 pm #263905
    tomitos

    Solved.

    I just add to my custom.css (changed social_bookmarks li{background: transparent;} to none;}
    #top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li{background: none;}

    And removed :hofer efect

    Thanks.

    • This reply was modified 10 years, 6 months ago by tomitos.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘colored background of Social icons’ is closed to new replies.