Viewing 3 posts - 1 through 3 (of 3 total)
-
AuthorPosts
-
November 11, 2015 at 4:21 pm #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.
November 11, 2015 at 4:33 pm #534177Hey 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,
ElliottNovember 12, 2015 at 11:59 am #534669thanks Elliott, this works fine :)
Regards,
Stefan -
AuthorPosts
Viewing 3 posts - 1 through 3 (of 3 total)
- The topic ‘Social Icons’ is closed to new replies.