How to disable the "Flyout" Sidebar in all Posts

Posted in: Newspaper
Post count: 76

Hi,

1) How to disable the “Flyout” Sidebar in all Posts? I am referring to the one that pops out when users start scrolling.

See link: http://sansan.qriosity.com.sg/2015/12/30/building-a-gimbal-in-rust-an-introduction/

2) How can I customised the colour of the 3 tiny category boxes? For example, the 3 tiny category boxes for EXPLORE will be light blue. 3 tiny category boxes for EXPLORE will be dark blue. 3 tiny category boxes for EXCEL will be black.

See link: http://sansan.qriosity.com.sg

3) In the SHARING buttons for all of my posts, how do l remove Pinterest, Twitter and Google Plus button?See link: http://sansan.qriosity.com.sg/2015/12/30/why-you-should-choose-microsoft-over-linux/

  • This topic was modified 10 years by joyceloh.
Post count: 1291

Hi,

1. The more stories box can be disabled from Theme Panel -> Post Settings – http://screencast.com/t/g7g4l9UZ

2. There’s no option for this, you could try to use custom css to change their color – http://screencast.com/t/0JPEVsp0q

.td_module_wrap .td-module-meta-info a[href*=explore]{
background-color: red !important;
color: #fff;
}

3. Try the following css(add it in Theme Panel -> Custom Code -> Custom CSS):

article .td-social-twitter, article .td-social-google, article  .td-social-pinterest {
display: none;
}

Thank you!

  • This reply was modified 10 years by Emil G.
Post count: 76

For no. 2, it worked for my desktop and laptop, but not on my mobile screen. The tiny boxes are still black on my iPhone 6.

Please advise urgently.

Thanks!

Post count: 7909

Hi,

Where did you added the css code provided by Emil?
As I have checked this on your site and it doesn’t apply on mobile – tablets/destop – for phones is the default css – http://screencast.com/t/SHt0gcv34teb
Please add the code in Custom Css section(not advanced) – http://screencast.com/t/6pnCj5CJ4B

Thanks!

Post count: 76

Hi,

I added Emil’s code into Custom CSS section, below is the screenshot of the codes

http://sansan.qriosity.com.sg/wp-content/uploads/2016/01/Screen-Shot-2016-01-05-at-9.52.43-am.jpg

Kindly let me know whats wrong..

Thanks!

Post count: 23312

Hello joyceloh,

I have checked you Custom CSS and I saw you have a syntax error and therefore, the code does not work.
http://screencast.com/t/MkYOKoE4E

Hope this helps and let us know how it goes!

Thank you for the message!

Post count: 76

Hi,

Sorry, so where do I put the curly brace?

This is Emil’s Code, can you show me where to put it?

.td_module_wrap .td-module-meta-info a[href*=explore]{
background-color: red !important;
color: #fff;
}

Post count: 23312

Hello joyceloh,

Please add the curly brace “}” before the code that Emil gave you, more precisely on line 28.

Thank you for the message!

Post count: 76

Sorry I don’t understand, in my screenshot, on line 28 have “}” initially

http://sansan.qriosity.com.sg/wp-content/uploads/2016/01/Screen-Shot-2016-01-05-at-9.52.43-am.jpg

On my mobile still doesn’t reflect any change.. Please advise.

Thanks!

Post count: 23312

Hello joyceloh,

Please try to add another one on line 28 because it is necessary to close your @media() option.

Thank you for your understanding!

Post count: 76

It works. Thanks!

Viewing 11 posts - 1 through 11 (of 11 total)
You must be logged in to reply to this topic.