Forum Replies Created
-
Posts
-
You should use an FTP Client like FileZilla. This is a much safer method than editing these files directly through WordPress.
http://www.wpbeginner.com/showcase/6-best-ftp-clients-for-wordpress-users/
If you want to say thanks Follow me on Twitter | My Website
Hi,
Style.css line 1187 delete the gradient from the background...
.image-section {
background:-moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.8) 100%);
/* background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(30%,rgba(0,0,0,0.2)), color-stop(80%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.8))); */
/* background:
-webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.8) 100%); */
background:-o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.8) 100%);
background:-ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.8) 100%);
/* background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.8) 100%); */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );
display: table;
overflow: hidden;
table-layout: fixed;
width: 100%;
}🙂
If you want to say thanks Follow me on Twitter | My Website
Hi,
Edit style.css line 1761 and remove the background front-page background color ...
.front-page .site-header {
background-color: #000;
}🙂
If you want to say thanks Follow me on Twitter | My Website
Start by removing the padding on .site header line 883
.site-header {
/* padding: 40px; */
}
If you want to say thanks Follow me on Twitter | My Website
You need to edit style.css line 940 see below...
.site-title {
font-family: 'Oswald', sans-serif;
font-size: 24px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1;
margin: 0;
padding: 20px 0;
text-transform: uppercase;
}To load new font familys such as free Google Fonts follow this tutorial
http://my.studiopress.com/tutorials/load-google-fonts/
If you want to say thanks Follow me on Twitter | My Website
In style.css line 1091...
.site-header .widget-area .widget {
margin-bottom: 0;
text-align: center;
}
If you want to say thanks Follow me on Twitter | My Website
That's three-fourths & one-fourth...
<div class=”three-fourths first”>content</div>
<div class=”one-fourth”>content</div>
If you want to say thanks Follow me on Twitter | My Website
Play around with some of these changes in sytle.css until you get it the way you want.
Around line 926 change the font-size below perhaps 14 or 15px...
.genesis-nav-menu {
clear: both;
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 16px;
}Around line 946 change the padding...
.genesis-nav-menu a {
color: #fff;
display: block;
font-family: Montserrat, sans-serif;
padding: 27px 15px; (the 2nd one is combined padding left and right)
}Around line 855 you could reduce the title-area width e.g. to 300px...
.title-area {
float: left;
padding: 20px 0;
width: 360px;
}and then increase the right header widget width e.g. to 800px
.site-header .widget-area {
float: right;
text-align: right;
width: 740px;
}That should get you started 🙂
If you want to say thanks Follow me on Twitter | My Website
Brian Gardner himself. Great to see you in the forums 🙂
If you want to say thanks Follow me on Twitter | My Website
Hi Angie,
The issue is on line 1250 of style.css.mpp-home .content .featuredpost .entry:nth-of-type(3n+1) {
/* clear: left; */
}Change this to say....
.mpp-home .content .featuredpost .entry:nth-of-type(3n+1) {
clear: none;
}Let me know how you go.
Jeremy
If you want to say thanks Follow me on Twitter | My Website
I'm also seeing green. May need to clear your cache.
The extension " Clear Cache Shortcut" in Google Chrome is handy to have installed.
If you want to say thanks Follow me on Twitter | My Website
Hi SierraDelta,
On line 1197 you need to add a background-color to the .sidebar
Try this...
.sidebar {
color: #555;
background-color: #555;
display: inline;
padding-top: 60px;
padding: 30px;
}Obviously you need to play around with the padding further or the width when on a desktop.
Hope that helps.
If you want to say thanks Follow me on Twitter | My Website
You just need to add the following code toward the bottom of style.css telling the browser how to treat your newly added sections when reduced below 767px...
.home-left,
.home-right {
width: 100%;
}Try adding it into this section...
@media only screen and (max-width: 767px) {.site-container {
max-width: 600px;
}.home-left,
.home-right {
width: 100%;
}}
If you want to say thanks Follow me on Twitter | My Website
Hi. I've checked your site a few times today and the logo image is never present.
If you want to say thanks Follow me on Twitter | My Website
If you put the logo back and I'll take a look for you.
If you want to say thanks Follow me on Twitter | My Website
This is where it's located in style.css. I'll let you play with the color variations.
In style.css change line 325 to ...
background-color: #ed702b;Then on line 1456 adjust the hover color e.g. try...
background-color: #666;Hope that gets you on the right track.
If you want to say thanks Follow me on Twitter | My Website
The letter-spacing on line 1014 of style.css is causing the menu alignment issue.
Try removing it or making it a smaller number. See below....genesis-nav-menu a {
letter-spacing: 0.4rem;
}You could replace the background image when it gets below a certain responsive break point.
E.g. Toward the bottom of style.css add...
@media only screen and (max-width: 568px) {
.custom-background .site-header-banner {
background: url(Insert the url of a smaller uploaded logo here) #000000 no-repeat center scroll;
}
}
If you want to say thanks Follow me on Twitter | My Website
Here is a good tutorial...
Add a working “Return to top of page” footer link in Genesis
Or an easier method is to us a plugin like...
http://wordpress.org/plugins/dynamic-to-top/
If you want to say thanks Follow me on Twitter | My Website
