Archived topic
Nav button style is gone!
1 reply · Started by Jessica on January 5, 2021
Viewing posts 1–2 of 2
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!
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 :)
This archived topic is closed to new replies.
