social buttons not displayed

equilibriumx

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

Ninja

equilibriumx
Hi
You added custom code in template advance options to hide the buttons
#gkSocialAPI {
display: none;
}

Remove the code http://prntscr.com/nqvj5b
Clear JCH and Joomla cache to see the buttons.

equilibriumx

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?

Ninja

equilibriumx
Hi
I can see the buttons are showing fine http://prntscr.com/nr6zgi
Its the cache and compression from JCH, You may disable the plugin till you are making development changes.

equilibriumx

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.

Ninja

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.

equilibriumx

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.

Ninja

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.

equilibriumx

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?

Ninja

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

How can I take it out from specific pages, I need to...

Ninja

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

Ninja thanks.which css file exactly?

Ninja

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.

equilibriumx

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

Ninja

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.

equilibriumx

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.

Ninja

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.

equilibriumx

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

Ninja

equilibriumx
Hi
You can see here : http://prntscr.com/nt3wlv
The site still using compression, none of the style files are called to see the code is working or not
Here is demo https://demo.gavick.com/joomla25/msocial/ that show how the file load when there is no compression http://prntscr.com/nt3wrl