justinvdv

Hallo,

Ik zie helemaal geen sidebar op de site? staat hij wel aan

Kopieer deze code

.site-info {
	text-align: center;
	padding-bottom: 2em;
	padding-top: 2em;
        display: none;
}

.page-id-2 .site-info {
        display: block;
}

Als het niet werkt hoor ik het graag.

Succes!

oke ik ga even een nieuwe code opstellen

@media only screen and (min-width: 800px) {

		.menu li > ul::before {
			border-right-color:  transparent;
			border-bottom-color: #252525;
			border-left-color:   transparent;
		}

		.menu li li > ul::before {
			border-top-color:    transparent;
			border-bottom-color: transparent;
		}

		.ltr .menu li li > ul::before { border-right-color: #252525; }
		.rtl .menu li li > ul::before { border-left-color:  #252525; }

		#menu-primary   li li a,
		#menu-secondary li li a {
			background:   #1f1f1f;
			border-color: #1d1d1d;
		}

en dan dit stukje

#menu-primary li li a,
#menu-secondary li li a {
background: #1f1f1f;
border-color: #1d1d1d;

Die 2 codes zijn voor je submenu’s

Succes!

Hey,

Ik heb nog even gekeken ik zie dat je site de #fff (wit) gebruikt voor veel dingen onder 1 code.

dus als je dan #fff veranderd verander je hem overal.

Ik zie dat hij een current functie heeft. dat houdt in als je op de tab home bent is home wit geselecteerd. Ik zie ook bijvoorbeeld navigatie staan in het wit. stel dat we de current link bijv blauw maken wordt navigatie ook blauw.

Als je dit wilt hoef je alleen maar #fff te veranderen en als je alleen de current link van kleur wilt veranderen doen we het volgende:

dit is de code waar die onder valt:

::selection {
	color: #fff; /* Don't combine with other elements. Breaks Firefox. */
}

blockquote,
blockquote a:hover,
blockquote a:focus,
.entry-content blockquote a:hover,
.entry-content blockquote a:focus,
.wp-calendar td.has-posts a,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
------------> #menu-primary   li.current-menu-item > a,  <----------
#menu-primary   li a:hover,
#menu-primary   li a:focus,
#menu-secondary li li a:hover,
#menu-secondary li li a:focus,
#menu-sub-terms li a,
.page-links a,
.page-links a:hover,
.page-links a:focus,
.widget-title > .wrap,
.widget-title > .wrap a,
#comments-number > .wrap,
#reply-title > .wrap,
.attachment-meta-title > .wrap,
.comment-reply-link,
.comment-reply-login,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-login:hover,
.comment-reply-login:focus,
.media-shortcode-extend a,
.media-shortcode-extend a:hover,
.media-shortcode-extend a:focus,
.media-info-toggle,
.entry-content .media-info-toggle,
.mejs-time .mejs-currenttime,
.mejs-time .mejs-duration,
.mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.mejs-volume-button .mejs-volume-slider .mejs-volume-handle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark .wp-playlist-playing,
.wp-playlist-dark .wp-playlist-caption:hover,
.wp-playlist-dark .wp-playlist-caption:focus,
.wp-playlist-dark .wp-playlist-item:hover
.wp-playlist-dark .wp-playlist-item:focus,
.skip-link .screen-reader-text:focus {
	color: #fff;
}

Ik heb de code van de current link functie genoteerd met pijlen.

we gaan dit hele stuk nu zo invoegen:

::selection {
	color: #fff; /* Don't combine with other elements. Breaks Firefox. */
}

blockquote,
blockquote a:hover,
blockquote a:focus,
.entry-content blockquote a:hover,
.entry-content blockquote a:focus,
.wp-calendar td.has-posts a,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
#menu-primary   li a:focus,
#menu-secondary li li a:hover,
#menu-secondary li li a:focus,
#menu-sub-terms li a,
.page-links a,
.page-links a:hover,
.page-links a:focus,
.widget-title > .wrap,
.widget-title > .wrap a,
#comments-number > .wrap,
#reply-title > .wrap,
.attachment-meta-title > .wrap,
.comment-reply-link,
.comment-reply-login,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-login:hover,
.comment-reply-login:focus,
.media-shortcode-extend a,
.media-shortcode-extend a:hover,
.media-shortcode-extend a:focus,
.media-info-toggle,
.entry-content .media-info-toggle,
.mejs-time .mejs-currenttime,
.mejs-time .mejs-duration,
.mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.mejs-volume-button .mejs-volume-slider .mejs-volume-handle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark .wp-playlist-playing,
.wp-playlist-dark .wp-playlist-caption:hover,
.wp-playlist-dark .wp-playlist-caption:focus,
.wp-playlist-dark .wp-playlist-item:hover
.wp-playlist-dark .wp-playlist-item:focus,
.skip-link .screen-reader-text:focus {
	color: #fff;
}

#menu-primary li.current-menu-item>a,
#menu-primary li a:hover {
    color: #kleurencode;
}

Zoals je ziet heb ik ook de hover erin gedaan die kan je ook scheiden door die los van elkaar te doen dan krijg je dit:

#menu-primary li.current-menu-item>a {
    color: #kleurencode;
}

#menu-primary li a:hover {
    color: #kleurencode;
}

op deze manier kan je een andere kleur selecteren als je met de muis erover heen gaat.

Ik hoop dat dit is wat je wilt zo niet laat het maar weer even weten

Succes!

Deze is voor de button Home:

#menu-primary .search-toggle:focus::before { color: #fff; }

en deze 2 voor de overige buttons

#menu-primary .menu-toggle button { color: rgba( 255, 255, 255, 0.75 ); }

#menu-primary .menu-toggle button:focus { color: rgba( 255, 255, 255, 0.75 ); }

laat even weten of het gelukt is.

Succes!