Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 16, 2016 at 8:18 pm #599177
    brogilberto

    Hi guys,

    Sorry, I think you missed the quick question in the middle of my last topic: https://kriesi.at/support/topic/adding-social-icons-into-text-widget/

    “As well, it would be great to have those icon colors that you see on mouseover “on” all the time, instead of grey to start with.”

    Is this possible? Thanks so much!

    “

    March 16, 2016 at 8:23 pm #599179
    Yigit

    Hey brogilberto!

    Please add following code to Quick CSS 

    #top #wrap_all .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe;
}
#top #wrap_all .av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d;
}
#top #wrap_all .av-social-link-gplus a {
    color: #fff;
    background-color: #de5a49;
}
#top #wrap_all .av-social-link-linkedin a {
    color: #fff;
    background-color: #419cca;
}
#top #wrap_all .av-social-link-mail a {
    color: #fff;
    background-color: #9fae37;
}

    Cheers!
    Yigit

    March 16, 2016 at 8:26 pm #599180
    brogilberto

    Ok. Is it possible for the color change to only happen on the Contact page widget, rather than in the top header as well?

    Also, there is now approx 5px of spacing between the icons on the Contact page. would be great if there was no spacing like before we changed color. Is this possible? See below for link to the Contact page on our dev site.

    March 16, 2016 at 8:30 pm #599185
    Yigit

    Hi!

    Please change the code to following one 

    .widget .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
}
.widget .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe;
}
.widget .av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d;
}
.widget .av-social-link-gplus a {
    color: #fff;
    background-color: #de5a49;
}
.widget .av-social-link-linkedin a {
    color: #fff;
    background-color: #419cca;
}
.widget .av-social-link-mail a {
    color: #fff;
    background-color: #9fae37;
}

    Best regards,
    Yigit

    March 16, 2016 at 9:23 pm #599229
    brogilberto

    Take a look at that page again. It took the coloring out of the header icons, but didn’t leave it turned on in the text widget. The 5px width between is still there as well. Not a big deal, but it would be nice to have the option to change this.

    March 16, 2016 at 11:00 pm #599281
    Jordan

    Hi!

    Add the following code instead:

    .social_bookmarks li {
    margin-left: 0;
}

.
.avia_textblock .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b !important;
}
.
.avia_textblock .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe !important;
}
.
.avia_textblock .av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d !important;
}
.
.avia_textblock .av-social-link-gplus a {
    color: #fff;
    background-color: #de5a49 !important;
}
.
.avia_textblock .av-social-link-linkedin a {
    color: #fff;
    background-color: #419cca !important;
}
.avia_textblock .av-social-link-mail a {
    color: #fff;
    background-color: #9fae37 !important;
}

    Best regards,
    Jordan

    March 16, 2016 at 11:13 pm #599284
    brogilberto

    Thank you, that solved the 5px gap.

    The coloring is still not showing up until mouseover. Is it not possible to have it on all the time instead?

    March 16, 2016 at 11:56 pm #599300
    Jordan

    Hi!

    Is it possible to provide us with login credentials to your dashboard to have a closer look. You can put the details in the Private Content section of your reply.

    Best regards,
    Jordan

    March 18, 2016 at 8:15 pm #600535
    brogilberto

    Here you go. Thanks guys!
    D

    March 22, 2016 at 8:55 pm #602108
    brogilberto

    Hi guys. Any luck with this? Thanks so much!
    D

    March 25, 2016 at 10:20 pm #603734
    Andy

    Hey!

    I checked your Quick CSS field and you had a typo, which I corrected for you. Now it should work as expected. Can you confirm please?

    Regards,
    Andy

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.