Naz Oke
asked 8 years ago

Hi,
We removed the twitter badge nine months ago (https://www.designwall.com/question/problem-with-social-share-icons-again/) because it was no longer display to count, now the facebook icon shows 0… 
Did you find a solution for Twitter ? and now for Facebook ?
If not, is it possible to replace Twitter and Facebook badges momentarily, by simple share icons, without count ?

Thanks

5 Answers
DominicStaff
answered 8 years ago

At the moment, the twitter does not support to display count share. In this case, we have created a plugin to support the DW Focus theme and we have removed all the badges of the Socials. If you are using the latest version 1.3.2 of the theme, you can install the DW Social share to resolve this issue. Or you can send me username & password of your site, I will check and help you resolve it now.

Dominic Staff
replied 8 years ago
Naz Oke
answered 8 years ago

Wonderful ! 🙂 I will see it, and if I have some difficulties,  I will come back. Thank you very much. 

Naz Oke
answered 8 years ago

Yes we have DW Focus 1.2.6 now. I will install the 1.3.2. I take a backup before. The new version already downloaded is in the folder. Theme CSS copied on my desk. When I will change the theme, will I find all widgets in their place?

Naz Oke
answered 8 years ago

Everything is ok.

Juste some questions…

 

  • Social share buttons are very close to each other (height).
    When I choose a round badge, it’s turned into oval…
    I see this with Chrome. With Fire fox it’s ok. With Safari I don’t see buttons… anyone.
    FB, Twitter an G+ bottons works. E-mail share button open a new mail, but there is no link in the mail. There is juste the subject (post title). Same think with Firefox.
  • Home content : DW Focus New list (in DW Colomn) : Featuring images are now square thumbnails, and not rectangular (full image) as before.
  • Is it possible to change the color of quot sign ( big ” )?
  • Finally the must URGENT : A problem with the header image.
    In theme options, I can only upload a logo. How do I place our complete picture with title, logo and slogan, on full-length of the header space?
    This one:

    and not just our simple logo:
DominicStaff
answered 8 years ago

1/ To resolve this issue, you can use the following code: 

.dw-social-share {
    padding-left: 0;
}
.dw-social-share li {
    padding: 10px 5px;
}
.single #main>.post .entry-sidebar .entry-sharing i {
    width: 34px;
}

About the email button, it’s bug come from the plugin, we will check and fix it as soon as possible.
2/ About the News list widget, you can change the size of the image in the Settings > Media and change thumbnail size. However, you need to edit the css code to look good on mobile. 
You can add the following code to fix the issue on the mobile: 

@media (max-width: 768px) {
.dw_focus_widget_news_list .post .entry-thumbnail img {
   max-width: 110px;
   height: 110px;
 }
}

3/ To change the color and font size of the quote icon, you can use the following code:

blockquote:before {
    top: 20px;
    font-size: 30px;
    line-height: 30px; 
    left: 20px;
    color: #.....; 
}

Hope this helps!

Naz Oke
answered 8 years ago

Perfect. Thank you ver much ! 

You just forget the must urgent 🙂 about the full header image. 
In our header we have currently just our logo, so, our symbol and our slogan are not displayed.

Thanks again Dominic. 

DominicStaff
answered 8 years ago

About the header, you can upload your image via logo upload and open the header.php file find the line 27. Replace it with the following code: 

<div class="col-md-12">

If you still face their issue, you can let me know, I will help you resolve it.

Dominic Staff
replied 8 years ago

Also, if you want to fix the email issue, you can open the dw-social-share.php file in the plugins/dw-social-share folder and find the line 44 to 46 and replace it with the following code:

case ‘mail’:
$social .= ‘<a href="mailto:?Subject=&body=”><?php _e( ' Email this article’, ‘dw-focus’ ); ?>‘;
break;

Naz Oke
replied 8 years ago

Thank you

For the header: It's ok

For email: I replace 44 to 46 with this code. But in this case, I have a error message : "the website kedistan.net not working" so I replaced the old version of dw-social-share.php 🙁
* In the folder, I removed the version with the new code.

DominicStaff
answered 8 years ago

Just replaced the following code in the file. See the screenshot: http://prntscr.com/cfzd74

Naz Oke
replied 8 years ago

Yes, it’s exactly that I did and I had a error message : “the website kedistan.net not working”.
I’ll try again tonight in low attendance hours for France.

Naz Oke
answered 8 years ago

I confirm the changed file, create an error 500
But it does not matter. We placed another option below posts

DominicStaff
answered 8 years ago

I have changed in our plugin, you can download it here: https://www.dropbox.com/s/c1mwsrligwz4wvt/dw-social-share.zip?dl=0

Naz Oke
replied 8 years ago

Ok Dominic. Thank you.
I will try it, in the night, in low attendance hours.

Naz Oke
answered 8 years ago

Hi Dominic,

I tried the new version of social share plugin.
I have a “fatal error” message. (Social share don’t work, but the website has no problem, than it’s not too “fatal”:)

So back to the old version, without send mail button.

just for your info
Thanks

DominicStaff
answered 8 years ago

I will access your site and help you resolve this issue. 

Dominic Staff
replied 8 years ago

Please check your account, I tried to access your site but I can not.

Dominic Staff
replied 8 years ago

Or you can try the following code, I have checked on our demo and it works fine:
case 'mail':
$social .= '<li class="dwss-email"><a href="mailto:?Subject=<?php the_title(); ?>&amp;body=<?php the_permalink(); ?>"></a></li>';
break;

Naz Oke
answered 8 years ago

I discover other two little problems on our homepage, when I check on my Samsung Tab (android) Chrome app, or standard Android Internet app.
The first :
It’s with DW Column/News List inside, the first post image is very big.
I remember that we added this code with the old version of the theme.
Maby that’s the reason ?

screenshot 

I tried without this code, but it’s same.

.dw_focus_widget_news_list .post .entry-thumbnail {
 position: inherit;
 float: left;
        width: 100%;
 }
 .dw_focus_widget_news_list .post .entry-thumbnail img {
     max-width: 100%;
 }
 .dw_focus_widget_news_list .post {
 padding-left: 0;
 }
 .single #main>.post .entry-sidebar .entry-sharing i {
     width: 34px;
 }

The second :
We have a large banner. But it’s really so little in mobile version.
If it’s difficult to result, it’s not very serious… 🙂

screenshot

DominicStaff
answered 8 years ago

 I have checked your site, you can resolve the email issue by the following solution: 
you can open the template-tags.php file and find the line 32 to line 47 then replace it with the following code:
<div class=”entry-sharing”>
<h3><?php _e( ‘Sharing’, ‘dw-focus’ ); ?></h3>
<?php
if ( function_exists(‘dw_social_share’) ) {
dw_social_share();
}
?>
<ul class=”list-group”>
<li class=”list-group-item”><a href=”mailto:?Subject=<?php the_title(); ?>&amp;body=<?php the_permalink(); ?>”><?php _e( ‘<i class=”fa fa-envelope”></i> Email this article’, ‘dw-focus’ ); ?></a></li>
<li class=”list-group-item”><a onclick=”window.print();”><?php _e( ‘<i class=”fa fa-print”></i> Print this article’, ‘dw-focus’ ); ?></a></li>
</ul>
<?php
?>
</div>
Note: I tried to edit code but have not the permission to check code. I think you should use the email feature from the theme.
About the image size, you need to change the thumbnail size is 110 x 110px, I have helped you change it, you can check your site now.

Powered by DW Question & Answer Pro