[Resolved] Nav button style is gone!

[Jessica]

Hi there. I installed a blank child theme and now my nav-button CSS for the top menu far-right button isn’t appearing. I’m assuming it has to do with the child theme. Can you help me get it back? It was a nice border around the button that the Stream theme came with. Thanks in advance!

[Leo]

Hi there,

Copy and paste the following code into the child theme’s style.css file:

/* page title yellow icon size */

.title-icon {
	height: 22px;
}

/* h1 title letter spacing */

h1 {
  letter-spacing: 1px;
}

/* main menu letter spacing */

.main-navigation a {
  letter-spacing: 1px;
}

/* navigation button */

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
  color: #ffffff;
  border: 3px solid #66ccaa;
  padding: 8px 18px;
  border-radius: 2px;
  margin-left: 24px; /* space to the left of button */
  transition: all 0.6s ease 0s;
} 

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a:hover {
	color: #66ccaa;
	border: 3px solid #ffffff;
}

/* add padding around mobile navigation header */

.mobile-header-navigation {
  padding: 10px;
}

/* gp and wp show post meta styling */

.entry-meta, .wp-show-posts-entry-meta, .wp-show-posts-entry-meta a {
	margin-top: 6px !important;
	color: #666666 !important;
}

/* mailchimp form styling */

.mc4wp-form-fields  {
	text-align: center;
}

.mc4wp-form input[type=text], .mc4wp-form input[type=email] {
	line-height: 40px;
	width: 260px;
	border: none;
	border-radius: 0px;
}
 
.mc4wp-form input[type=submit] {
	color: #ffffff;
	background-color: rgba(102,204,170,1.0);	
	line-height: 40px;
	border: none;
  border-radius: 0px;
  transition: all 0.5s ease 0s;
}

.mc4wp-form input[type=submit]:hover {
	color: #ffffff;
	background-color: rgba(102,204,170,0.9);	
}

@media (max-width: 768px) {
.mc4wp-form input[type=text], .mc4wp-form input[type=email], .mc4wp-form input[type=submit] {
		width: 100%;
		margin: 2px;
	}
}

Let me know if this helps 🙂

[Author]

Posts