-
Posted in : Episody
-
Hi,
I speak bad English and I use google translator. How can I send a screenshot, a picture that I can tell my problem? I didn’t find a surface here.
Can I only ask for help in text?
I want to replace the existing social icon with the mixcloud icon.
Admin – Customization – CCS
.social li a.tumblr { min-width: 37px; min-height: 37px; text-indent: -999em; background-image: url(“https://www.iconfinder.com/icons/4373664/logo_logos_mixcloud_icon”); background-repeat: no-repeat; background-position: center center;
}https://www.pixelwars.org/forums/topic/soundcloud-social-icon/
It doesn’t work for me, I deleted my browser cache
they can help
thxHi,
You can use this custom css code..social-link.tumblr { min-width: 22px; min-height: 22px; text-indent: -999em; background-image: url(https://cdn4.iconfinder.com/data/icons/logos-brands-5/24/mixcloud-512.png); background-repeat: no-repeat; background-position: center center; background-size: 16px; }You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.
https://themeforest.net/downloads
Thank you for your support.
Hi serkan!
I would like to ask for more help with this task. Because it doesn’t appear like other social-media-icons. Because in the hover state it will be transparent and it will jump one by one. I want the other social icons to have similar effects and effects as the ones next to them.
I made a video of it.
https://www.awesomescreenshot.com/video/3492022?key=bafa38d1f18d040bd7b9df6204d32f4bThanks in advance
Hi,
Could you please provide me your admin details via our private content box below?
I will check the issue.
ThanksHi Serkan!
I just noticed that the MIXCLOUD icon is not visible in the sticky header. I would like to use it there like the other icons.
https://www.awesomescreenshot.com/image/7678196?key=01a933544a1fa23a9fd5d27ab5c99fe3
Thanks in advance for your help.
Hi, The color of the logo you uploaded as a photo is white. The reason it does not appear there is also the white background on the sticky header. The white logo does not appear on a white background. Because the color of the picture cannot be changed with the css code. Unfortunately, do not use the sticky header.
Or there is an alternative solution. You can upload a black logo with new css code;.is-menu-sticky .social-link.tumblr { background-image: url(#); }Thanks
Hi Serkan,
What do I do wrong? It does not display well with the code you entered. Thx
https://www.awesomescreenshot.com/image/7722170?key=363442693d5166f83507511169da3f23
https://www.awesomescreenshot.com/image/7722169?key=ad83eef9b987c99c9caa2d119983cf3b
.social-link.tumblr {
min-width: 22px;
min-height: 22px;
text-indent: -999em;
background-image: url(https://vertexflow.live/wp-content/uploads/2021/04/mixcloud-logo-w.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 22px;
}.social-link.tumblr:hover {
min-width: 22px;
min-height: 22px;
text-indent: -999em;
background-image: url(https://vertexflow.live/wp-content/uploads/2021/04/mixcloud-logo-w.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 22px;
}.is-menu-sticky .social-link.tumblr {background-image: url(https://vertexflow.live/wp-content/uploads/2021/04/mixcloud-logo-b.png);
}Hi,
Leave the css code for the white icon. Please do not confuse it. I wanted you to enter an additional css for the black icon. That also applies to the sticky menu.
ThanksHi,
I’m sorry but I do not understand. I copied the relevant CCS code because the first two should appear in the normal header which is white. https://vertexflow.live/wp-content/uploads/2021/04/mixcloud-logo-w.png
What you last sent is black (https://vertexflow.live/wp-content/uploads/2021/04/mixcloud-logo-b.png) and will be in the stick. But still, the black logo appears everywhere.
How can this be? What am I spoiling. I just replaced the Image URL.
thx
You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.
https://themeforest.net/downloads
Thank you for your support.
Hi,
On a page where the header is not transparent, the logo will not appear.
https://vertexflow.live/episode-07-goodbye-boring-hello-adventure/
Thanks for helping
Hi,
I am able to see your logo in the related url. Did you solve the issue?
ThanksHi serkan,
I couldn’t solve it. When I scroll up, the social icon disappears in the top state of the header with the above solution. (social-link.tumblr)
https://www.awesomescreenshot.com/video/5865815?key=e8f001a720a52c1ea990b12c861826fd
thx
Hi,
Can you add this custom css code, please?a.social-link.tumblr { background-image: url(https://vertexflow.live/wp-content/uploads/2021/04/mixcloud-logo-b.png); } .is-header-transparent a.social-link.tumblr { background-image: url(https://vertexflow.live/wp-content/uploads/2021/04/mixcloud-logo-w.png); }Thanks
Hi,
I did it and it works. But now the main page and where the header is transparent there does not display well.
https://www.awesomescreenshot.com/image/16091554?key=744440e0f9b91c3403b3897ad55dc57a
thank you for helping
but so the white header appears bad in the above state the sticky is good.
https://vertexflow.live/ecstatic-dance-diwali-special/
thx
Hi,
There is confusion because you want the logos in the menu to be both black and white, and we add them as photos. Can you try this css code?.site-header.original a.social-link.tumblr { background-image: url(https://vertexflow.live/wp-content/uploads/2021/04/mixcloud-logo-b.png); }Thanks
Hi,
I tried it. And the problem remained. Either good for the transparent header or good for the White header. But only one is good. Should I come up with another solution or not show the mixcloud link there?
thx
Hi,
As I said in the previous topic, I sent information to the developer to add this icon in the future update.
They will keep me updated.
You must be logged in and have valid license to reply to this topic.