Topic: How to hide share icon bar? « SeaTheme

This topic has 9 replies, 2 voices, and was last updated 11 years, 7 months ago by SeaTheme.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
September 11, 2014 at 12:50 pm #4511

SeaTheme
Keymaster

Purchased
Expired

How do I disable the floating “Share Bar” at the bottom right of the screen (the + sign)?

Please try to add the css code to Custom Css box of theme option:

#float-bar { display:none; }

WordPress Customization Service from $49 Only! Save your expensive time!

October 10, 2014 at 6:51 am #4857

Blurring boundaries
Participant

Purchased
Expired

How to remove it for only a particular page

WordPress Customization Service from $49 Only! Save your expensive time!

October 10, 2014 at 10:22 am #4861

SeaTheme
Keymaster

Purchased
Expired

Whic particular page? Please give more details or paste a link.

WordPress Customization Service from $49 Only! Save your expensive time!

October 11, 2014 at 7:06 am #4876

Blurring boundaries
Participant

Purchased
Expired

Want to remove it from this page –
http://www.istudioarchitecture.com/blog/

WordPress Customization Service from $49 Only! Save your expensive time!

October 11, 2014 at 7:10 am #4877

Blurring boundaries
Participant

Purchased
Expired

Ok, applied css
.page-id-2397 #float-bar { display:none; }
and it worked

WordPress Customization Service from $49 Only! Save your expensive time!

October 11, 2014 at 9:23 am #4878

SeaTheme
Keymaster

Purchased
Expired

Glad you solve it 🙂

WordPress Customization Service from $49 Only! Save your expensive time!

October 13, 2014 at 9:30 am #4892

Blurring boundaries
Participant

Purchased
Expired

Ok but it is still seen on all posts in blogpage category. tried css
.category-blogpage #float-bar { display:none; }
but not working

WordPress Customization Service from $49 Only! Save your expensive time!

October 13, 2014 at 1:58 pm #4898

SeaTheme
Keymaster

Purchased
Expired

I checked your site, the social bar is hidden now in http://www.istudioarchitecture.com/blogpage/

The .category-blogpage #float-bar { display:none; } works, there is a way to find the class name by page source in Chrome:
– open the blog category page, click right button of mouse at a blank space of this page.
– the menu would popup, click “view page source”
– find the <body , you’ll find the class name (screenshot)

WordPress Customization Service from $49 Only! Save your expensive time!

October 15, 2014 at 2:14 pm #4926

Blurring boundaries
Participant

Purchased
Expired

Yes it is hidden on main page http://www.istudioarchitecture.com/blog/
But it is still there on posts (which are under blogpost category) like http://www.istudioarchitecture.com/why-did-i-become-an-architect/

WordPress Customization Service from $49 Only! Save your expensive time!

October 16, 2014 at 4:41 am #4932

SeaTheme
Keymaster

Purchased
Expired

This is a standard post, http://www.istudioarchitecture.com/why-did-i-become-an-architect/

there are:

the code will work for all standard posts
.single-format-standard #float-bar { display:none; }

the code will only work for this one post
.postid-2476 #float-bar { display:none; }

the code will work for all posts belonged category “blogpage”
.category-blogpage + #float-bar { display:none; }

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.