Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #534159

    Hallo,

    ich würde gerne die Größe der Social Icon ändern, und diese auch so einstellen, dass der farbige Mouseover Hintrgrund immer zu sehen ist, nicht nur beim darüber fahren mit der Maus. Geht das?

    Vielen Dank.
    Grüße, Stefan

    • This topic was modified 9 years ago by tvgverlag.
    #534177

    Hey tvgverlag!

    Look around line 1180 in the /enfold/css/layout.css file and you can see this.

    #top #wrap_all .av-social-link-rss:hover	   	 a{color:#fff; background-color:#ffa133; }
    #top #wrap_all .av-social-link-facebook:hover  a{color:#fff; background-color:#37589b; }
    #top #wrap_all .av-social-link-twitter:hover   a{color:#fff; background-color:#46d4fe; }
    #top #wrap_all .av-social-link-mail:hover      a{color:#fff; background-color:#9fae37; }
    #top #wrap_all .av-social-link-dribbble:hover  a{color:#fff; background-color:#e44885; }
    #top #wrap_all .av-social-link-linkedin:hover  a{color:#fff; background-color:#419cca; }
    #top #wrap_all .av-social-link-search:hover    a{color:#fff; background-color:#222222; }
    #top #wrap_all .av-social-link-gplus:hover     a{color:#fff; background-color:#de5a49; }
    #top #wrap_all .av-social-link-behance:hover   a{color:#fff; background-color:#008cfa; }
    #top #wrap_all .av-social-link-flickr:hover    a{color:#fff; background-color:#ff0086; }
    #top #wrap_all .av-social-link-forrst:hover    a{color:#fff; background-color:#234317; }
    #top #wrap_all .av-social-link-myspace:hover   a{color:#fff; background-color:#000000; }
    #top #wrap_all .av-social-link-tumblr:hover    a{color:#fff; background-color:#345574; }
    #top #wrap_all .av-social-link-vimeo:hover     a{color:#fff; background-color:#31baff; }
    #top #wrap_all .av-social-link-youtube:hover   a{color:#fff; background-color:#a72b1d; }
    #top #wrap_all .av-social-link-pinterest:hover a{color:#fff; background-color:#cb2027; }
    #top #wrap_all .av-social-link-skype:hover 	   a{color:#fff; background-color:#12a5f4; }
    #top #wrap_all .av-social-link-instagram:hover a{color:#fff; background-color:#a67658; }
    #top #wrap_all .av-social-link-five_100_px:hover a{color:#fff; background-color:#222222; }
    #top #wrap_all .av-social-link-soundcloud:hover  a{color:#fff; background-color:#F76700; }
    #top #wrap_all .av-social-link-xing:hover 	     a{color:#fff; background-color:#006567; }
    #top #wrap_all .av-social-link-vk:hover 	   	 a{color:#fff; background-color:#597BA5; }
    #top #wrap_all .av-social-link-reddit:hover 	 a{color:#fff; background-color:#FF4500; }
    

    Remove the :hover from each line to have the color displayed at all times and not only on hover.

    You can use this CSS to change the size.

    .social_bookmarks a::before { font-size: 20px !important; }
    

    Regards,
    Elliott

    #534669

    thanks Elliott, this works fine :)

    Regards,
    Stefan

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Social Icons’ is closed to new replies.