Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #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

    #1353529

    Hey Veronika,

    Please add the code in private to functions.php in your child theme.

    Best regards,
    Rikard

    #1353572

    Yeah 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, 3 months ago by Veronika.
    #1353573
    This reply has been marked as private.
    #1353680

    Hi,

    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,
    Ismael

    #1353728

    Hi Ismael,

    I did all of it before and cleared the cache again, and it looks still like this:

    View post on imgur.com

    Could you please provide further informations? Or should I open a new thread with the topic?

    Thank you

    Best,

    Veronika

    #1353760

    Hi,

    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,
    Ismael

    #1358227

    Hi,

    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, 2 months ago by Veronika.
    #1358606

    Hi 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,
    Nikko

    #1359597

    Hi,

    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,
    Veronika

    #1359779

    Hi 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,
    Nikko

    #1399829

    Hi Nikko,

    I added the code to the quick CSS but nothing changed. Do you have any other suggestions?

    Thank you

    Best,
    Veronika

    #1399918

    Hi 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/9pDPRZt

    As 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,
    Nikko

    #1399974

    Hi 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?

    View post on imgur.com

    View post on imgur.com

    Thank you very much for your time and your advice

    Best,
    Veronika

    #1400106

    Hi 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

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