By Maurice Lehr on Saturday, 24 May 2014
Posted in Technical Issues
Replies 6
Likes 0
Views 694
Votes 0
Social icons are not showing anymore, although they are activated. Please help!
hey maurice,
the reason you don't see the icons right now is that the width of your blog is currently below 600px and there the social buttons are hidden via css.

if you want to override this you can put this code to your template's custom css file:


#eblog-wrapper.w320 #ezblog-body .map-images, #eblog-wrapper.w600 #ezblog-body .map-images, #eblog-wrapper.w600 #socialbutton, #eblog-wrapper.w600 #socialbutton .socialbutton-vertical {
display: inline-block !important;
}


hope that helps and have a nice day
·
Saturday, 24 May 2014 20:52
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for sharing Alex!
·
Saturday, 24 May 2014 23:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hai,

1. Applying this css does make show the social icons. BUT it messes up my entire website, see attachment.
2. IMPORTANT: why has it changed? The width of my blog artikels have been the same width all the time and all of a sudden the social icons are not showing anymore!

Please advise.

Regards, Maurice
·
Monday, 26 May 2014 02:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Maurice,

I am so sorry for this delayed reply.

I already added some update under this CSS file: /templates/jblifestyle/css/custom.css as below:
#eblog-wrapper.w600 #socialbutton, 
#eblog-wrapper.w600 #socialbutton .socialbutton-vertical
{
display: inline-block !important;
}

#socialbutton.top,
#socialbutton.bottom
{
text-align:center;
}

This classes will help you to display the social button as per configuration.

In order to reply your question above:

1. According to our inspection, it looks like you have custom a bit your styling, and it looks much better compare to your screenshot above. Did you still facing this issue after we applied the fix above?

2. Our component are built for responsive display, so in order to make it responsive, the component will follow the width given by your Joomla template, and currently your EasyBlog component width is 587px, so it will follow the responsive display.

Hope this will help, please let us know if you need further assistance. Please advice, thank you.
·
Monday, 26 May 2014 11:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Hai,

1. Much better, thanks!
2. OK. If I want to change the width to 601 px, schould I do that in the template? Or is that possible as well in EasyBlog? And how?

Facebook: the Facebook button just disappears after 30 seconds or so! Or it is not loaded at all. Please advise.
All the buttons are now placed to the right. How/where can I change that to place it to the left? (In the configuration of social icons I alreadt did that, but does not help.)
·
Monday, 26 May 2014 16:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Maurice,

1. Glad your issue for the display is solved now.

2. I already put an experimental hack under this CSS file: /templates/jblifestyle/css/custom.css as below:
#mainContent.twoR
{
padding-left: 20px !important;
}

This will give EasyBlog more space to 600++ pixels. Please take note that this hack will also affecting to the other pages, if it is not OK for you, please let us know, we will removed/alter it according to your needs.

3. The Facebook buttons already appear now, and all the social buttons are now aligned to the left.

Hope this will help, please let us know if you need further assistance. Please advice, thank you.
·
Monday, 26 May 2014 17:21
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post