Your cart is currently empty!
You should be able to do that with the following code:
.home .site-inner {
background-color: #396B72;
}
.sidebar .widget {
background-color: #F2F2F2;
border-bottom: none;
padding: 1.875rem;
}
That worked perfectly, thanks! Rather than messing with the theme css file, I just added this to Jetpack’s custom code:
.genesis-nav-menu .menu-item {
display: inline-block;
text-align: center;
float: none;
}
.nav-primary .genesis-nav-menu {
text-align: center;
}
So I need a better way to center the menu after all. The fix I came up with doesn’t work well in all browsers. Shouldn’t there be a simple way to center the primary navigation menu by using text-align: center? I’ve seen it work on other Genesis websites, like this one: http://thewebshoppe.net/ Help!
Do you want to put the slider back into the static front page? If so, all you have to do is go to Widgets and drag the “Genesis Responsive Slider” widget into the “Slider Wide” sidebar.
That worked wonderfully, thank you!
I did what I mentioned above and it looks okay so far- I was just concerned that maybe it wasn’t the cleanest way to accomplish that.
Okay, so I added the !important tags to the original CSS file in the places you specified, which made a big difference, but when I modify welcome feature 4 like this
.welcome-feature-4 {
float: left;
width: 100%;
}
it just moved that entire block to the next line. Did I miss something? Thanks!
Ah, I’ll give that a shot. I’ve been adding my css through the ‘custom css’ feature of Jetpack, since I didn’t want to go through the hassle of updating the CSS every time the theme is updated.
All right, so the easiest way is to add some custom CSS. I prefer to do it by using the ‘custom css’ feature in Jetpack, but you can also look for .sidebar .widget in the theme’s CSS file and modify it directly.
.sidebar .widget {
background-color: #FFFFFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
padding: 10px;
}
I added a little padding and the same shadow you have in the main content area. Just remove the box-shadow line if you don’t want it.
If I remove that custom CSS, then the four welcome widgets aren’t lined up anymore. Is there a way to keep them all in line on the larger screen but responsive for smaller displays?
The only widgets I see are the social media links (“connect with us”) and the subscribe form (“free powerful tools”). Are these the widgets you want to wrap?
Okay, so here’s a fix that worked for me. Not sure if it’s the best way, but it’s the best I could come up with.
To center the logo:
.site-header {
background-position: center top !important;
max-width: none;
}
To center the primary navigation menu (change max-width to fit your menu):
.nav-primary {
max-width: 500px;
}
Here’s the link, though it shouldn’t really matter because it’s just a standard Epik install: http://loveoffrench.org/