Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Reply To: Editing CSS in a Child Theme

Home Forums Support Editing CSS in a Child Theme Reply To: Editing CSS in a Child Theme

Home Forums Support Editing CSS in a Child Theme Reply To: Editing CSS in a Child Theme

#96177
2fer

Thank you Tom, that helps. I guess my confusion is that if I make a css edit in the Child Theme’s style.css file and it contradicts what is in the parent theme’s style.css file that it will use the Child Theme’s css rather than the duplicate alternate entry in the Parent Theme’s css. It uses both stylesheets with preference for the Child Theme’s variables?

For example the css for the hr element in the parent theme style.css:

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 40px;
	margin-top: 40px;
}

and then I add in the child theme’s style.css:

hr {
	background-color: #ccc;
 	border: 0;
	width: 90%;
	height: .2em;
	margin-bottom: 1.4em;
	margin-top: 1.4em;
}

will change only the <hr> element sitewide?