Does anyone know how to activate social sharing buttons on telescope? I have read all the telescope documentation but still no answer
Specifically which file do I edit? thanks
Under the settings section under extra css add the following
.post-share {
display: block;
}
Related
I am trying to remove the previous and next buttons in mkdocs but I don't want it to be hacky.
I have read the docs and searched the web and haven't found anything other than some GitHub issues.
Remove these buttons!
Thanks!
I would do this using CSS to hide it by adding into the included css. In the material theme it will be:
md-footer__inner { display: none }
This should be within the css which is included as extra_css in the mkdocs.yml.
I am using video.js 5.7.1 on a single video player within a web page. The video element contains a "captions" track element. When the user clicks the CC button in IE 11, they see a menu containing the following:
captions settings
captions off
english
I would like to completely remove the first menu item "captions settings" so that the menu only shows "captions off" and "english".
I'm sure it's something simple, but I can't seem to find how to disable/remove the "captions settings" menu item. What needs to happen to remove this option from the CC button on the player?
For now, I'm setting the track kind to "subtitles" instead of "captions", to avoid the settings menus entirely.
What I ended up doing was adding the following CSS after the video.js CSS:
/* Prevent CC settings menu item from displaying */
.vjs-texttrack-settings {
display: none;
}
This accomplished what I needed; the captions settings menu item no longer appears on the CC menu. This works in 5.7.1 and 5.8.8.
In case anyone comes here looking to hide all of the caption settings this should work:
.vjs-caption-settings {
display: none;
}
I posted this same question to video js forum on github:
https://github.com/videojs/video.js/issues/3202#issuecomment-202540661
The Videojs folks posted solutions - here is the solution I used based on theirs:
after the player started up, I made that problematic area invisible with css:
$(".vjs-texttrack-settings").css("display","none");
My english is not to much good, and i dont know to describe this problem good.
I have some blog on Blogger and I was install some free theme. I dont want to my name (author info) is on whole blog, but there is no button to check it off, I must do it trough HTML editor.
I found and delete it from most of places on blog, but I cant delete it from some header "slideshow"
I try to find it via "inspect elements" option, to find some familiar word there and search it in html. I know to I cant build web site if I dont know main steps, but I always stuck on some stupid things.
<span class="recent-author">Alexandar Sh</span></div>
This part make me trouble, maybe I looks stupid, but I am :D . I am total amateur with this and I dont know what to do to I dont get this anymore.
screenshot
One more Screenshot
This "recent" probably activate this option to work to show slideshow (not moving images <[One more screenshot][3]>) so when I type that "display: none" option, I block all "widget"
Thanks for help!
I got idea (didnt know to that is possible) and add tag to widget part of code. (before I add this, what you add me, after first Style tag. I didnt see before to there is more style tags. So you help me both. I use tag becouse Rico tell me that, and put code what Derek gave me.
Thank you.
You should have access to a .css CSS file. That is the 'Styles' for your site. (.html is the markup/content`) etc. ~ If you can find a place that has CSS rules... you could add:
.recent-author {
display: none;
}
For reasons I'm not going to try and explain here... you may also need to add this:
.recent-author {
display: none !important;
}
Try adding this line in any of your Css files:
span.recent-author {
display: none;
}
If you don't have any Css file / don't have access to any just add an inline style tag in your html file:
<style>
code from above
</style>
This should remove your author span tag.
I have a wordpress site and am using the plugin 'Yet Another Social Plugin' to add social buttons at the end of each post. The problem is on my mobile site which I have customized with WP-Mobile is showing these buttons. I am able to remove all of them except the G+ button. I am able to get it removed using visibility: none; when I do a live edit inside of Chrome developer console but when I apply that in the css it is ignored and I am not even seeing it when I view that tag/class. Is there some trick or something weird about the +1 button that I am missing?
You can view a picture of the issue here, https://dl.dropboxusercontent.com/u/11217802/Screenshot_2013-04-28-00-07-03.png
and a good 'test page' is here,
http://jrummy16.com/test/app-manager-overview/
Our test site is currently jrummy16.com/test. I am just spoofing my User agent to view it on my computer.
Edit
Sorry, I didn't see that you were talking about your mobile site.
In this case, add
.plusone{
display: none;
}
to your CSS - it will hide the entire iframe.
As your G+ "a" as no ID nor class, edit your css to add
.socialmedia-buttons a:nth-child(2) {
display: none;
}
Consider using display:none; rather than visibility:hidden;, as the visibility property holds the placeholder of your div while display suppress it of the flow.
Visibility:hidden; =>
This should do the trick (tried with Chrome inspector on this page).
I know this can be done with custom CSS, but I can't figure out the right way to do it.
I think I can figure it out for all of them if you show me how to do it with just the title.
For example, this is the element I want to remove: <h1 class="page-title entry-title">
I know that {display: none} is the CSS to hide an item, but how can I do it for only a specific page?
the website is: http://myinneryoga.com/strange-exotic-fruit-supplement/
Use h1.page-title { display: none; } to hide the title, this will affect ALL pages that use the same template.
If you want to do it specifically to this post use the following:
#post-28 h1.page-title { display: none; } the post number will lock it to that page only.
Based on that page, the body has classes
<body class="wordpress... singular-page singular-page-28 layout-1c"
28 is the page id of that page, so if you just want a CSS fix for this, you can use the code below
.singular-page-28 h1.page-title{
display:none;
}
note, if you move the wordpress to another webhost, via export/import, you'll need to look at the page_id again if it changed
See this fiddle, if this is the way you want it.
http://jsfiddle.net/Qj4Us/
It simply looks for the targetted URL like "http://myinneryoga.com/strange-exotic-fruit-supplement/" and if found, hides the h1 with class=page-title
Instead of modifying CSS which will affect all pages we can make use of simple plugin. Below are the steps :
Click on Plugins > Add New.
Now search for Hide Title.
Install and activate the plugin.
Now click on Pages > All Pages.
Now edit the particular page where you want to hide the title.
Now, In the right panel you can see an option to Hide title. Check that and publish your changes.