kleur lijnen in blog aanpassen

iannster
(@iannster)

11 jaren, 11 maanden geleden

Hallo,

Momenteel ben ik bezig om de look & feel van mijn blog met thema Twenty Eleven aan te passen. Nu lukt dat voor de meeste dingen aardig, maar ik zou graag de kleur van de lijnen aanpassen.
– lijnen rond de header en menubalk
– lijnen die de berichten van elkaar scheiden
– lijn onder aan de website
Kijk ook op http://www.iannsterdam.com voor wat ik bedoel.

Is hier een bestaande plugin voor? Ik heb deze helaas niet kunnen vinden en met de Theme extenstion voor twenty eleven is het mij niet gelukt (is geen optie volgens mij).

Iemand een idee hoe dit aangepast kan worden?

Groeten,

Anne

1 reactie aan het bekijken (van in totaal 1)

(@robelia)

Is niet zo moeilijk Anne.
In style.css staat alles wat je nodig hebt.
Kijk even in de opmaak van menu
Je ziet daar het border element en de kleur.

#access {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

De hele opmaak van het menu
Kijk wat er gebeurt als je deze weghaalt
border-bottom: 1px dotted #ddd;

In de footer:

#supplementary {
	border-top: 1px solid #ddd;
	padding: 1.625em 7.6%;
	overflow: hidden;
}

Deze border weghalen tm de puntkomma.

1 reactie aan het bekijken (van in totaal 1)

Het onderwerp ‘kleur lijnen in blog aanpassen’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven