Hello, I selected in the template styles the social buttons for FB and Instagram, BUT they are not being displayed anyways. What is missing? Can you please help me out. Thanks

    I just did, also cleared both caches and even purge cdn too, they are being displayed at the bottom. in a disorderly way.. How can I align them Horizontally?

      Pankaj, as you showed me in your screen capture, the buttons are showing, but they are not organized, the are uneven horizontally.. the pinterest and twitter ones are not at the same level. Since this is your template, can you provide me with a solution to show them properly? I am not an expert.... I am learning on the go.

        equilibriumx
        Hi
        The button style is generated from the source provider sites not from template.
        What i can do on this is increase the Pint. button height to match it with twitter and add some padding.
        You can add this code in override.css

        .PIN_1558414534178_button_pin {
    padding-top: 6px!important;
height:25px'

        Clear all cache to see changes.

          Hello, I have now another issue. The social buttons in the landing page are creating a cache parse issue. I need to exclude the main page from the social buttons but I don't find the article for it in the exclusions. Also, the code to align the social icons didn't worked.

            equilibriumx

            he social buttons in the landing page are creating a cache parse issue

            Can you give me complete details of error with screenshot ?
            I can not see any error on your frontpage at the moment.

              I was able to work it around, BUT I still want to remove the social buttons from main page, and menu page too, cause the make them to load slower.
              Also, the pinIT button still out of place... Where can I play with their positions?

                equilibriumx
                Hi
                Button code generated from source style, its style can not be changed by template, each it has different style id that is why it not work everytime you load.
                The code is defined in /layouts/blocks/social.php" in template "gk_msocial".

                it work on all pages.

                  equilibriumx
                  Hi
                  You can hide it via css code add page class on the menu item on which you want to hide.
                  example page class is : home
                  so the code will be

                  .home #gkSocialAPI{display:none!important;}

                  disable the JCH and Joomla cache before testing this as your site has heavy cache and compression.
                  Or you can try any other extension for social share if you do not want the built in feature as it works all over site.

                      equilibriumx
                      Add the code in /css/override.css file
                      Make sure the all cache is cleared and you enabled the override.css file from template options.

                        Pankaj, as indicated by you I added the following in override.css

                        .PIN_1558414534178_button_pin {
                        padding-top: 15px!important;
                        height:20px'


                        .Inicio #gkSocialAPI{display:none!important;}

                        .Hometest #gkSocialAPI{display:none!important;}


                        .BlogEsp #gkSocialAPI{display:none!important;}


                        .BlogEng #gkSocialAPI{display:none!important;}

                        BUT, so far the problems continues. The horizontal and vertical alignment between the 3 icons are uneven. Also, the icons still appears in the selected menus. I cleared the cache, before, and after, and even purge the cdn but I see no results yet. Can you verify the override.css to check what I possible doing wrong.
                        I apologize for the inconvinience. I am learning on the go under your guidance. Cheers

                          equilibriumx
                          Hi
                          Your site has too much cache, this is why the changes not showing.
                          You must disable all serve, Joomla, template cache and JCH first to see changes, this is something i am not able to check as its cache.

                          About Pint, button you can not apply the changes on this as its not from template. all style is from Pinterset site.

                            I have cleared all cache in Joomla, cdn, jch, etc...
                            About the pins itself, what I want to modify is the position in the template, not the pin itself or its style. I need all the pins to be aligned vertically and Horizontally.

                              equilibriumx
                              Hi
                              it seems you are not understanding the Pin buttin is aligned at the moment, if you want to move it up or download this need additional style on the button, because the style class generated by the Pin website not from template.
                              It changes randomly and you can not apply style on this.

                              About cache you can see the site still using compression in inspect element and all compression i disabled already. All cache and compression must be disabled to see any change,

                              Hope its clear now.

                                OK, about the position, it seems then I cant don anything.
                                Regarding the menus I wanted the pins out, even though I cleared all and you removed compression, changes are not yet visible. As SS attached

                                  You need to Login to view replies.