Welcome, Guest
Username: Password: Remember me

TOPIC: Facebook Share Button Size Not Correct

Facebook Share Button Size Not Correct 4 years 8 months ago #269

  • richeethree
  • richeethree's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 9
  • Karma: 0
First of all, a HUGE thank you for making this. It's perfect!

I am just in need of a little help. For some reason the Facebook "Share" button is showing larger than the other buttons, and also, the "Like" count is cut off by the Twitter icon. I'm assuming this is a template CSS issue. If so, can you please point me in the right direction to fix it? If not, what did I do wrong?


This image is hidden for guests. Please log in or register to see it.
Last Edit: 4 years 8 months ago by richeethree. Reason: File attachment was incorrect.
The administrator has disabled public write access.
The following user(s) said Thank You: makcimka

Re: Facebook Share Button Size Not Correct 4 years 8 months ago #272

  • linh_omg
  • linh_omg's Avatar
  • OFFLINE
  • Moderator
  • Posts: 910
  • Thank you received: 568
  • Karma: 25
richeethree wrote:
First of all, a HUGE thank you for making this. It's perfect!

I am just in need of a little help. For some reason the Facebook "Share" button is showing larger than the other buttons, and also, the "Like" count is cut off by the Twitter icon. I'm assuming this is a template CSS issue. If so, can you please point me in the right direction to fix it? If not, what did I do wrong?


This image is hidden for guests. Please log in or register to see it.

Hi richeethree,
This is the CSS issue. There is one solution is edit:
plugins/content/otsocialshare/otsocialshare.php
then edit this to fit your need:
//setting css 
            $fblike_type = $this->params->get('fblike_type');
            if($fblike_type == 'button_count'){
                $widthtype= 65;
                $heighttype = 28;
            }else{
                $widthtype= 55;
                $heighttype = 70;
            }
            
            $twitter_type = $this->params->get('twitter_type');
            if($twitter_type == 'Horizontal Count'){
                $widthweet= 96;
            }else{
                $widthweet= 60;
            }
            
            $linkedin_type = $this->params->get('linkedin_type');
            if($linkedin_type == 'top'){
                $margin_top = 3;
            }else{
                $margin_top='';
            }
Also, edit CSS in your theme and put the width & height for the div have class="itp-share-fb".

Thanks for using our products!
If you need to send us FTP access / host access, administrator access or any private information:
services(at)omegatheme(dot)com or drop a ticket www.omegatheme.com/member/
Last Edit: 4 years 8 months ago by linh_omg.
The administrator has disabled public write access.
The following user(s) said Thank You: makcimka

Re: Facebook Share Button Size Not Correct 4 years 8 months ago #295

  • richeethree
  • richeethree's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 9
  • Karma: 0
I found the otsocialshare.php, but I don't see a section for the Facebook Share button, only the Like button. Do I need to add a section for the Share button?

Also, do I need to add the class="itp-share-fb" to my theme's "main page template" CSS or "base" CSS?
The administrator has disabled public write access.
The following user(s) said Thank You: makcimka

Re: Facebook Share Button Size Not Correct 4 years 8 months ago #303

  • linh_omg
  • linh_omg's Avatar
  • OFFLINE
  • Moderator
  • Posts: 910
  • Thank you received: 568
  • Karma: 25
richeethree wrote:
I found the otsocialshare.php, but I don't see a section for the Facebook Share button, only the Like button. Do I need to add a section for the Share button?

Also, do I need to add the class="itp-share-fb" to my theme's "main page template" CSS or "base" CSS?

You can add styling for ".itp-share-fb" in your template css, eg: /templates/your_template_dir/your_css_file.css
.itp-share-fb {
	width : Apx;
	height: Bpx;
}
By this, you can control size of your FB share button. Hope you see that!

Thanks for using our products!
If you need to send us FTP access / host access, administrator access or any private information:
services(at)omegatheme(dot)com or drop a ticket www.omegatheme.com/member/
The administrator has disabled public write access.
The following user(s) said Thank You: makcimka

Re: Facebook Share Button Size Not Correct 4 years 8 months ago #314

  • richeethree
  • richeethree's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 9
  • Karma: 0
I added that section to my template.css, but it did not change anything. I tried inspecting it using Safari's Inspector, but the parameters don't affect the object.

I'm not sure if you've tried this version of the OT Social Share, but the Share and Like buttons, no matter which template, do not auto-resize for the count either.
The administrator has disabled public write access.
The following user(s) said Thank You: makcimka

Re: Facebook Share Button Size Not Correct 4 years 8 months ago #315

  • linh_omg
  • linh_omg's Avatar
  • OFFLINE
  • Moderator
  • Posts: 910
  • Thank you received: 568
  • Karma: 25
richeethree wrote:
I added that section to my template.css, but it did not change anything. I tried inspecting it using Safari's Inspector, but the parameters don't affect the object.

I'm not sure if you've tried this version of the OT Social Share, but the Share and Like buttons, no matter which template, do not auto-resize for the count either.

Hi richeethree,
Maybe you want to give us your administrator account of your site and/or ftp access via www.omegatheme.com/contact-us/contact-support-team.html, so I will do it for you.

Thanks for using our products!
If you need to send us FTP access / host access, administrator access or any private information:
services(at)omegatheme(dot)com or drop a ticket www.omegatheme.com/member/
The administrator has disabled public write access.
The following user(s) said Thank You: makcimka

Re: Facebook Share Button Size Not Correct 4 years 8 months ago #316

  • richeethree
  • richeethree's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 9
  • Karma: 0
Sorry, but the URL doesn't work.
The administrator has disabled public write access.
The following user(s) said Thank You: makcimka

Re: Facebook Share Button Size Not Correct 4 years 8 months ago #319

  • linh_omg
  • linh_omg's Avatar
  • OFFLINE
  • Moderator
  • Posts: 910
  • Thank you received: 568
  • Karma: 25
richeethree wrote:
Sorry, but the URL doesn't work.
Sorry, not comma in link, www.omegatheme.com/contact-us/contact-support-team.html
If you need to send us FTP access / host access, administrator access or any private information:
services(at)omegatheme(dot)com or drop a ticket www.omegatheme.com/member/
The administrator has disabled public write access.
The following user(s) said Thank You: makcimka
Time to create page: 0.186 seconds