Dag allemaal
Allereerst: ik ben echt een newbie op php-gebied...
Toch wil ik me bekwamen..
Ik ben bezig met een website en moet de achtergrond kleur van de footer aanpassen..
Echter, ( hoe dom ook ) ik kan nergens in het style.css de regels aanduiding vinden waar ik dit kan doen..of zit ik in een totaal verkeerde sheet?
Hieronder de gebruikte style.css:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}




/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575 ;
}



/* Navigation Menu */
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

Ik hoop dat jullie me kunnen helpen!
Groet
Karin
Heb je ook een linkje naar de website?

Want wij kunnen nu niet zien hoe de footer gedefinieerd wordt. Je kunt aan de div (waar de footer in staat) een class="footer" meegeven in de HTML. Vervolgens in de css.

.footer {
background-color:#000;
}


[size=xsmall]Toevoeging op 30/06/2016 16:21:09:[/size]

Nog even een toevoeging door met je rechtermuisknop op 'element inspecteren' te klikken kan je ook zien hoe en op welke regel de CSS voor de footer staat.
Hoi Jan
Excuses; hierbij de link naar de website:

http://www.schoonheidssalontbf.nl

Groet
Karin

[size=xsmall]Toevoeging op 30/06/2016 16:22:49:[/size]

En dank je wel voor de tips: wist wel van die rechtermuisknop maar dus niet aan gedacht:-(
Even in de CSS zoeken naar: #footer

regel 808 van structure.css

Met de volgende eigenschappen:

max-width: 100%;
background: #08516E none;
display: block;
position: relative;
z-index: 5;
margin: 0 auto;

In dit geval kun je dan de achtergrond kleur aanpassen, naar welke kleur je graag zou willen.

Fantastisch!
Gelukt!

Groet
Karin

Reageren