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.
Related
Im editing this jekyll theme with github pages and im trying to add buymeacoffee generated button in menu bar.
It works but for some reason it gets the theme colors, i tried to debug it hours now but it didn't work.
The button should look like this:
https://i.imgur.com/RSYrOx6.png
But now:
https://i.imgur.com/KzwqCml.png
I added it in _includes/navbar.html in the end of the file. I tried to placed it in other files too, outside divs inside divs with custom css classes nothing worked.
Looks like it gets a "general" color, i tried to find this setting but i couldn't, can any of you help me to figure it out? thank you!
you can selector level of custom css in _dark.scss.
Example, you can change with this.
body[data-theme="dark"] .bmc-btn-container > a.bmc-btn:hover {
color: black;
}
hi guys im trying to overwrite the styles on our wp plugin and style it in our own style sheet is there a way to do this? ive tried making classes for them in the style sheet with the same name as the plugin, ive also tried using !improtantafter... here is what it looks like in dev console.
and this is the code i used to try and overwrite the css for the plugin.
#ai20 h3{ font-weight:bold!important; }
also ive added this just to make sure and still nothing.
.statistics h3 { font-weight:bold!important; }
i have no clue why its not updating the css if anyone can give me a have i would be much appreciated.
The new rule you wrote has not been applied, as you can see in the screenshot you posted, so check the CSS file you added it to and make sure:
That CSS file is linked correctly
The style is not nested in some other rule
The CSS file is not cached (hard refresh)
You can use a custom CSS plugin, a child theme or simple add you overwriting rule to the end of your main CSS file within the editor in Wordpress.
Also, the ID will take precedence over the class, even if the class comes after it. Why are you trying to override with the same property/value?
Once the rule is being correctly applied, this will work fine:
.statistics h3 { font-weight:bold }
Use the plugin https://nl.wordpress.org/plugins/simple-custom-css/
it automatically overwrites your current css and adds the new one, I always use it! All you have to do is call the id or class you want to style in the plugin and style it as you normally would.
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.
Recently, I use JQuery-UI tabs(http://jqueryui.com/tabs/) and get stuck when I try to use many tabs-nav li-s.
The excessive tabs-nav li-s go to the next line.
I want it to go in one line, with no linebreak, and scroll when it needs.
I serach for a lot of questions, and try many ways, but none solve mine.
Similar questions but not jquery-ui tabs are: Divs next to each other, with size, no linebreak
Wait for your valuable answers!
=============
Refer the html source codes here:Example
And the CSS are:
/* JQuery-UI tabs overwrites - set the width as small as possible! */
.ui-tabs { width:100px; }
.ui-tabs .ui-tabs-nav {}
.ui-tabs .ui-tabs-nav li {}
We did this on Compilr.com by hacking up the existing jquery-ui tabs plugin and the markup for it. I'm working on getting it cleaned up so we can open source it as a plug-in but for now you might just have to try and pick it apart using firebug or equivalent. I've been re-writing it from scratch and it's not quite done yet but I'll keep you posted.
Changing the markup and css around the tabs were really the key component to pulling this off.
EDIT:
I've started a very basic implementation using bootstrap. You can fork it on GitHub here: https://github.com/MarkMurphy/slidetabs
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.