Good day rafinkhan,
below is the styling I used (there is more, but this is what I would expect from the Customizer).
/* Background color of the search form wrapper */
.betterdocs-search-form-wrap {
background-color: inherit !important;
}
/* Background of the single doc wrapper */
.betterdocs-single-wraper {
background-color: inherit !important;
}
/* The color of the docs on the main docs page and in the sidebar don't change according */
.betterdocs-categories-wrap li a,
.betterdocs-categories-wrap .docs-sub-cat-title a {
color: #164E88 !important;
}
.betterdocs-categories-wrap li a:hover,
.betterdocs-categories-wrap .docs-sub-cat-title a:hover,
.betterdocs-toc > .toc-list a:hover, .betterdocs-toc > .toc-list a:focus {
color: #0091D3 !important;
}
/* Title - Remove bottom padding */
.docs-single-title .betterdocs-entry-title {
padding-bottom: 0px;
}
/* Increase width of table of contents. This setting can be adjusted on the sticky toc, but not on the default toc. */
.betterdocs-entry-content .betterdocs-toc {
min-width: 400px;
}
I hope this helps! For your information: I use the shortcode on a custom page instead of the default docs page.
Yesterday I also noticed that in the sidebar and the main docs page, the second child taxonomies are not shown as children of their parents. Because of this, the first child of the main taxonomy appears as an empty category. I would expect that if a taxonomy is hierarchical, it appears as such on the front-end too.
Could you let me know if you change any of these settings as I could then remove my styling and use the ‘proper’ Customizer way?
-
This reply was modified 4 years, 1 month ago by Irian. Reason: Added: .betterdocs-toc > .toc-list a:hover, .betterdocs-toc > .toc-list a:focus