Because .book-header h1 opacity is 0.
Try add this to your css.
.book-header h1 {
opacity:1!important;
}
Solution 1 :
Solution 2 :
Try this! More about color: inherit here. You can use other property like z-index, opacity and position if it doesn’t work too. Thanks π
.book-header h1 a, .book-header h1 a:hover {
display: block !important;
color: #000 !important;
text-decoration: none;
}<div class="book-header" role="navigation">
<!-- Title -->
<h1>
<i class="fa fa-circle-o-notch fa-spin"></i>
<a href=".." >Preface</a>
</h1>
</div>Problem :
In GitBook, the title shows up while mousing over them by default.
I wanna show up the title. I inspect the elements,
<div class="book-header" role="navigation">
<!-- Title -->
<h1>
<i class="fa fa-circle-o-notch fa-spin"></i>
<a href=".." >Preface</a>
</h1>
</div>
and related CSS is,
.book-header h1 a, .book-header h1 a:hover {
color: inherit;
text-decoration: none;
}
I add the following CSS,
.book-header h1 a {
display: block !important;
}
but it doesn’t work.
Update:
I follow the answer from @ED Wu, and add the following code to CSS,
.book-header h1 {
opacity: 1;
}
The title does show up. However, the left sidebar doesn’t show up while I click on δΈ (no action) after adding opacity:1. An example is here.
Comments
Comment posted by Raptor
Inspect the element via Developer Tools in browser. Is your newly added CSS being overridden by other CSS declarations?
Comment posted by SparkAndShine
@Raptor, I appended
Comment posted by http://dianyao.co/python/
@Raptor here is an example using GitBook,
Comment posted by Raptor
1. Your CSS does not appear in the site; 2. the element’s opacity is 0. Therefore, even if you are using
Comment posted by Nico Haase
Please share more details. What did you try to resolve the problem? Where are you stuck?
Comment posted by Raptor
even without the
Comment posted by here
opacity:1
Comment posted by ED Wu
@SparkAndShine Do you want to set “js-toolbar-action” button’s color more deeper such as on hover?
Comment posted by SparkAndShine
@EDWu, the left sidebar doesn’t show up while I click on
Comment posted by ED Wu
@SparkAndShine I think opacity set 1 would not impact your sidebar.
Comment posted by Raptor
Don’t abuse using
Comment posted by Mr Ladusicks
@Raptor Oke, thank you for your attention, Sir