-
AuthorPosts
-
May 30, 2022 at 7:35 pm #1353499
Hi,
I would like to connect my website to Pinterest and have a “pin it” option on my photos. I got a HTML -Tag ( private content) , which I should include in the <head> area on my website. I would like to add it only once and not every time I update the theme.
I found this post: https://kriesi.at/support/topic/add-code-to-header-tag/
But unfortunately I do not exactly understand what it means.
Could you please provide further instructions?
Thank you very much
Best,
Veronika
May 31, 2022 at 7:33 am #1353529Hey Veronika,
Please add the code in private to functions.php in your child theme.
Best regards,
RikardMay 31, 2022 at 11:59 am #1353572Yeah well that is the problem, I do not have a child theme, yet
Thank you very much for further instructions
best,
Veronika- This reply was modified 2 years, 5 months ago by Veronika.
May 31, 2022 at 12:01 pm #1353573This reply has been marked as private.June 1, 2022 at 5:58 am #1353680Hi,
Thank you for the update.
Did you import the parent theme options? Please import the parent theme options if you haven’t done already, then toggle or temporarily disable the Enfold > Performance > File Compression settings to regenerate the scripts and stylesheets. Make sure to purge the cache afterwards.
Best regards,
IsmaelJune 1, 2022 at 12:24 pm #1353728Hi Ismael,
I did all of it before and cleared the cache again, and it looks still like this:
Could you please provide further informations? Or should I open a new thread with the topic?
Thank you
Best,
Veronika
June 1, 2022 at 2:41 pm #1353760Hi,
Thank you for the info.
Did you immediately import the parent theme options right after activating the child theme? Yes, please open a new thread and post the login details in the private field. We will close this one for now.
Best regards,
IsmaelJuly 13, 2022 at 5:52 pm #1358227Hi,
back to the Pinterest topic: I found this code: link it worked great. Although I would like to make the pin tag (https://imgur.com/l3Z3ebz) a bit bigger, how do I change the code accordingly?
And I would love to exclude the “welcome” page from the pin it option. Is that possible? I appears right now at the top on my welcome page. https://imgur.com/sOnTKnf
Thank you
Best,
Veronika- This reply was modified 2 years, 4 months ago by Veronika.
July 17, 2022 at 4:29 pm #1358606Hi Veronika,
You can exclude the welcome/homepage by using this code instead (
function pin_script(){ if (!is_front_page() ) { echo '<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js" data-pin-hover="true"></script>'; } } add_action('wp_footer', 'pin_script');
As for positioning it to the right, I’m afraid it’s not possible.
Best regards,
NikkoJuly 27, 2022 at 7:14 pm #1359597Hi,
how can I make the button on the Pinterest logo a bit bigger when hovering over?
When I use social buttons, this happens to the Pinterest logo: https://imgur.com/OigJ8xH
How can I solve the problem?
Thank you very much
Best,
VeronikaJuly 29, 2022 at 5:09 am #1359779Hi Veronika,
Please try to add this CSS code:
span[data-pin-log="button_pinit_floating"] { font-size: 18px !important; padding: 20px 20px 20px 30px !important; height: auto !important; background-size: 32px !important; background-position-x: 10px !important; }
Best regards,
NikkoMarch 2, 2023 at 1:55 pm #1399829Hi Nikko,
I added the code to the quick CSS but nothing changed. Do you have any other suggestions?
Thank you
Best,
VeronikaMarch 3, 2023 at 3:15 am #1399918Hi Veronika,
That code is used for the pinterest button (to make it bigger): https://imgur.com/a/0gdG2c1
Without it, it would look like: https://imgur.com/a/9pDPRZtAs for https://imgur.com/OigJ8xH I have added this CSS code in your Quick CSS to fix it:
#top .av-social-sharing-box .av-social-link-pinterest > a { text-indent: 9999em; background-color: transparent !important; background-position: center; background-size: 16px; box-shadow: none; padding: 15px 0; position: relative; top: -3px; } #top .av-social-sharing-box .av-social-link-pinterest > a:hover { background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) center center no-repeat !important; background-size: 16px !important; }
Please review your site.
Best regards,
NikkoMarch 3, 2023 at 11:50 am #1399974Hi Nikko,
thank you very much, regarding the size: it worked perfectly and I adjusted your code to my needs.
However, now is the Pinterest logo in the share section always colored so the hover effect is not working. Is there a way to change that?
Thank you very much for your time and your advice
Best,
VeronikaMarch 4, 2023 at 4:24 pm #1400106Hi Veronika,
Can you set up a staging site for us? so we can investigate the issue further since we might need to disable some plugins.
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.