Сhange the color of the paging buttons

Hi,

If you want to do achieve something like this , you could do it using a code like this one – https://www.screencast.com/t/foMyVlUGxf and change the color how you want. This is the code used in the example, and it must be entered in Theme panel->Custom Css. Please let me know if this is what you wanted or you need something else.

.td-ajax-prev-page,
.td-ajax-next-page {
background-color: yellow;
}

As for the icon and link, I do not understand exactly where you want to insert them, if you could provide more details, I’ll try to give you a solution.

Thanks

Hi,

Please follow the solution in the topic provided by Edward, and let us know how it goes, or if you need further help achieving this.

Thanks

Hi,

Then try adding a new social network here – https://www.screencast.com/t/u51qVWQhzpL and it will display in the theme panel – https://www.screencast.com/t/mdJjJYn3kg Also you could follow this topic to further customize this – https://forum.tagdiv.com/topic/how-to-add-xing-as-a-social-network/#post-58011

Hope this helps
Thanks

Hi,

If you could provide a link to your website it would be very helpful, so I can give you a more accurate solution for this.

Thanks

Hi,

Well you could modify the background image size like this and it should look better – https://www.screencast.com/t/pS3UESEtX8sE because it already has the same icon class as the others. This works for the footer as well – https://www.screencast.com/t/nwJjRfsIew As for the hover effect it ca not be as the others since it is not the same implementation. You could try to set a background color for the icon like this – https://www.screencast.com/t/HSztI4yl or maybe you can find a different solution.
This is all the code used in the example, you can enter it as it is or modify some of your code

.td-icon-odnoklassniki {
background-size: 22px 24px!important;
background-position: center;
top: 15px;
}
.td-icon-odnoklassniki:hover {
background-color:yellow;
}

Thanks

Hi,

Well you could differentiate them and have one background image for each of them by using the location they are in like this – https://www.screencast.com/t/VtI6JEDc
This is the code used

.td-header-sp-top-widget .td-icon-odnoklassniki {
background-image: url("");
}
.td-footer-wrapper .td-icon-odnoklassniki {
background-image: url("");
}

Thanks

Hi,

It may be needed to set the same, or a different icon image in this situation, like this – https://www.screencast.com/t/0tszTE6iam
So if you want you can use a special image to be displayed in the mobile menu. This is the code used

.td-menu-socials
.td-icon-odnoklassniki {
background-image: url("");
}

Thanks

Hi,

Please provide more information where do you want to make these changes, in what section if there is no theme option for them I will try to give you a solution if possible. There are options to set a hover color on Theme panel in multiple cases, for the social icons
– https://www.screencast.com/t/wkGIbOM6Ap
– https://www.screencast.com/t/rVGnNDtZEyoF

Thanks

Hi,

The rest of the icons are different then this custom one. This is a background image set on the icon, and you can not change the color of an image while hovering. The normal icons use a font for the icons
– https://www.screencast.com/t/6De1leOmsG that allow to set a color when hovering. But for an image is not possible.

Thanks

Hi,

Try it this way, create an image exactly like the one you are using now, only with the color you want. Or just make a copy of the one you are using and edit it. Then using a code like this
– https://www.screencast.com/t/jcOabcIINfMY you can display that icon when hovered. This is the code used

.td-footer-wrapper .td-icon-odnoklassniki:hover {
background-image: url("");
}

Thanks