Hey LarsDW223,
sorry to ask a question again but I just can't get this solved.
I did hide the logo which is working fine.
Now I'm just not able to vertically center the text of
div.headings h1 a
which contains the text for the main title of my dokuwiki-page (have a look on the screenshot I uploaded). As I understood this text is part of
div.headings
which is placed underneath the text, right?
This is the code. Only way I found out to get it vertically centered was to insert
height: 150% !important;
as shown below but I guess this is not the correct and beautiful way of programming this, right?
/* headings */
div.headings {
display: flex !important;
width: 100% !important;
font-size: 100% !important;
border-bottom: 3px solid transparent !important;
border-top: 3px solid transparent !important;
padding-bottom: 3px !important;
padding-top: 3px !important;
padding-left: 0px !important;
padding-right: 0px !important;
border-image: linear-gradient(90deg, black, #a91b1a, #ff722b, #a91b1a, black) !important;
border-image-slice: 1 !important;
color: #B2B2B2 !important;
align-items: center !important;
justify-content: center !important;
height: 30px !important;
}
div.headings h1 a {
display: block !important;
}
div.headings h1 {
height: 150% !important;
}
div.headings h1 img {
display: none !important;
}