Buy Domain



How to fix share buttons styles in YooRecipe page

Share buttons for YooRecipe has strange bugs, and here we will teach you how to fix them.

 

1. "Pin It" button is higher than other sharing buttons.

 

 

 

 

 

 

To fix this issue, you have to create or insert into your custom stylesheet for your template this code:

.social-button.pinterest {
    position: absolute;
    bottom: 0px;
}

.eb-share-pinterest {
    width: 40px;
}

 

What will this do is fix the buttons sizing and stick to the bottom of its container, which will result this:

 

2. Cookbook's sharing buttons have around lines and twitter button is cutted.

To fix this issue, you have to find file yoorecipeutils.php, you can find it under --PATHTOYOORECIPEUTILSHERE-- .

There, you need to find this line:

$html[] = '

';

When you have found that line, you need to replace it with this:

 

What we do is specify the class for it so we can edit it in our custom stylesheet.

Go ahead and save the file, and go to your custom stylesheet and add this there:

.share-recipefix td {
	padding: 0 !important; 
	border: 0px solid #dedede !important;
}

.share-recipefix {
    border: 0px solid #dedede !important;
	position: relative;
	top: 10px;
}

 

And in result you will get this:

 

But if you want them to stick to eachother like this:

 

Then you have to open again the yoorecipeutils.php file and edit some more lines.

 

First you need to find where facebook is showed.

Find something like this:

$document->addScriptDeclaration($script);
$html[] = '';
$html[] = '
'; $html[] = '
 
';

Replace the

$html[] = '';

with:

$html[] = '';

 

Now find 

$html[] = '';
$html[] = '
'; $html[] =
 
'';

 

And replace the

$html[] = '';

With:

 

 

And then find

$html[] = '';
$html[] = '

Replace the

$html[] = '';

With:

$html[] = '';

 

And last time, find

$html[] = '';
$html[] = '
'; $html[] = '';

Replace the

$html[] = '';

With:

$html[] = '';

 

Rate this blog entry:
CDN Cloudflare test
Easiest way to install ionCube at Centos
 

Comments

No comments made yet. Be the first to submit a comment
Already Registered? Login Here
Guest
Tuesday, 02 June 2020

JChatSocial Module