Changing sharing button on DW Focus

Saints
asked 11 years ago

Hey there,

Could you please help me out with the sharing button in posts and pages.

I would like it to always display below a post/page and not on the left side if viewed in full size, but rather like it is when you view it in 50% width because it messes up some of our posts and pages when displayed on the side. If that is to much work i would also be satisfied with just removing the sharing buttons all together although i do feel that is a shame of the work you guys put into that theme.

4 Answers

Jennifer N
answered 11 years ago

Hi Trove,

In order to place the “button share” under your comment, please follow these steps?

1. Log into your website
2. Go to Theme Options
3. Copy below code into Enter scripts or code you would like output to wp_head():

.single .social-action {
overflow: hidden;
}

.single .social-action li {
width: 30%;
float: left;
margin-left: 5%;
}

.single .social-action li:first-child,
.single .social-action li:first-child + li +li + li {
margin-left: 0;
}
}

.single .site-content > .post .entry-action .tag-action .title-action {
border-top: none;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
margin-bottom: 10px;
}

</style>

4. Save changes

Let me know if I am any of assistance

Regards
Sandy

Saints
answered 11 years ago

Hey there,

I can happily confirm that this works like a charm, thanks.

Alexandre
replied 11 years ago

Works Like a charm. 🙂

Gurt Alex
answered 8 years ago

I’m just have your theme DW Focus and want to custom my sharing button , could you suggest me which is good ?

nobita
replied 8 years ago

Hi, thanks for interested in our product, right now we’ve developed a new plug-in social share, with many style , you can try it

James Drury
answered 8 years ago

Hello, would anyone know how to hide the icons coming up at the top of my article? I just want the sidebar ones

many thanks

Dominic Staff
replied 8 years ago

Please send me your site for further checking. After checking it, I will help you resolve this issue.

James Drury
replied 8 years ago

This article is a good example: http://wp.thejoepublic.co.uk/review-roundup-bright-star/
I don’t want the row of social share above the post, just want to keep the side bar. Many thanks

Dominic Staff
replied 8 years ago

You can add the following code to the style.css file:
`.single-post ul.dw-social-share { display: none; }`

James Drury
replied 8 years ago

Hi thanks, that has removed the top bar of icons, but it has also removed the left sidebar ones too under the heading Sharing, which are the ones I wanted to keep – can I put something in that code that will hide the top ones but keep the side ones? many thanks

Dominic Staff
replied 8 years ago

Sorry about the previous code, I have checked your site, to resolve this issue, you can use the following code:

.single-post ul.dw-social-share {
display: none;
}

.single #main>.post .entry-sidebar .entry-sharing .dwss-style-custom {
display: block;
}

James Drury
replied 8 years ago

That’s perfect. Works a treat. Thank you
Would you be able to help with something else? On the same page example, I want to make that form at the bottom wider. It’s made with another plugin (rich reviews) but it looks like other forms on the site, so is there a way I can just change the form widths universally on my site? Thank you

Dominic Staff
replied 8 years ago

you can add the following code to the style.css file:
.rr_review_form .form_table .rr_form_row .rr_form_input { width: 100%; }