Skip to main content
Customization and Appearance

Information on how to customize the look of your Dozuki site using built-in tools as well as CSS and HTML.

6 Questions View all
User avatar

How to Hide the 'Insert Wisdom Here' line?

Hi!

I am trying to experiment with more visual and less talking documentation. The requirement to have some text for each step is making this quite a strange endeavor.

Clearly, the first warning we get is that deleting the last line is forbidden.

Block Image

I am able to get around that (yay) by using some sort of empty wiki code like

[raw][/raw]

So far so good. Now I need to get rid of the empty bullet next to an empty <p> tag.

This should be impossible with pure CSS I think as one cannot target parents - but maybe I'm wrong? Any ideas? Any way to target empty bullets in the system through CSS (which is what I have access to).

Or, any other solutions?!

Thanks.

PS: I understand it's a choice to enforce text, but in some cases, things can be said purely by having great images, and in that case, the text is just tiring people so that they tend to stop reading and then miss some important warning... Less is sometimes better.

Answer this question I have this problem too

Is this a good question?

Score 0
Add a comment

1 Answer

User avatar

@filip you can hide the text box completely with the CSS below, however, that would apply site wide:

/* hide guide step content box */

.column.step-content {

    display: none;

}

or you could make the bullet and corresponding text appear white which would make it invisible. (the red bullet would be replaced in this example):

/* hide bullet from main guide but show in editing */

.level-0 .fa.fa-circle.bullet.bullet_red {

    display: none;

}

/* change color of guide text to match bullet */

.bullet.bullet_red + p {

    color: white;

 }

Was this answer helpful?

Score 0
Add a comment

Add your answer

Author avatar Filip Goc will be eternally grateful.
TRUSTe