I altered my css theme in Dawn and need to put it back to what it was because the top links take up

Store Design
1

/* component-button /
/ Button - default */

.button,
.shopify-challenge__button,
.customer button {
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
font: inherit;
padding: 0.9rem 3rem 1.1rem;
text-decoration: none;
border: 0.1rem solid transparent;
border-radius: 0;
background-color: rgba(var(–color-button), var(–alpha-button-background));
box-shadow: 0 0 0 0.1rem rgba(var(–color-button), var(–alpha-button-border));
color: rgb(var(–color-button-text));
min-width: 12rem;
min-height: 4.5rem;
transition: box-shadow var(–duration-short) ease;
-webkit-appearance: none;
appearance: none;
}
}
.button:focus-visible {
box-shadow: 0 0 0 0.1rem rgba(var(–color-button), var(–alpha-button-border)),
0 0 0 0.3rem rgb(var(–color-background)),
0 0 0.5rem 0.4rem rgba(var(–color-foreground), 0.3);
}

**********Can someone show where I messed it up. I was trying to get the buttons to show as hex #26a7de and I cannot fix the code myself so that the top navigation looks right. Lines 1174 to 1198 in base.css in Dawn theme. Now it has the search, login and cart buttons taking up most of the page. Can someone correct this code and show the button color as #26a7de My email is laundryhomemaker@gmail.com if you can email me the code so that my shop looks right I would really appreciate it.

2

Hi there,
Jack from OpenThinking here!

This should fix your problem.

.button,.shopify-challenge__button,.customer button {
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font: inherit;
	padding: 0.9rem 3rem 1.1rem;
	text-decoration: none;
	border: 0.1rem solid transparent;
	border-radius: 0;
	background-color: rgba(var(--color-button), var(--alpha-button-background));
	box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border));
	color: rgb(var(--color-button-text));
	min-width: 12rem;
	min-height: 4.5rem;
	transition: box-shadow var(--duration-short) ease;
	-webkit-appearance: none;
	appearance: none;
}

.button:focus-visible { box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border)), 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); }

let me know if this works for you. If yes: accept my answer and give me a thumbs up! Thank you.

3

Thank you so much for fixing my website for me. Blessed Angel