[Brad West]

OK. I see what you mean. That's the margin on the bottom of those p elements; females, males, etc..

You've got margin-bottom of 26px on p elements inside your entry-content area. See line 1542 in your stylesheet.

You could do something like this:

.entry-content p {
    margin-bottom: 0;
}

Of course that will remove the margin for all paragraphs in your entry content area so you probably don't want to do it that way.

You've got some divs in there like this:

<div class="one-fourth first">

I'd add a new class to those and that way you can target them specifically. Something like this maybe:

<div class="no-margin-bottom one-fourth first">

Then you can add this in your stylesheet:

.no-margin-bottom p {
  margin-bottom: 0;
}

[Brad West]

I think you mean float to the left and it will do that automatically. Just remove the auto from the margin. Like this:

.registration form {
    max-width: 400px;
    margin-bottom: 40px;
}

[Brad West]

Here's a code sample demonstrating what I was talking about: https://jsfiddle.net/bradonomics/0aq78o5s/

[Brad West]

If I understand you correctly you're just trying to allow the fields to be edited on the home page inside the WordPress dashboard. Open your field groups inside Custom Fields, there is an area below your fields called Location (Show this field group if). You can use that to show that field group for a certain template, page or post type.

[Brad West]

I've never tried to set a static homepage to be a blog loop, but this is about the behavior I'd expect.

As best I can tell from the demo, the Bee Crafty theme is designed to show those project cards on the homepage for your featured posts.

If you want to have a regular blog on the homepage you'll probably need to create a home.php file in your child theme and add a custom loop. Or replace the loop in the home.php file should you already have a home.php file (and you probably do). You can use the GenerateWP Loop Generator if you don't want to write it all by hand.

[Brad West]

You can't add a link to a background image per say, but you can wrap that area with an a tag so it will appear to be a link on the image.

So I'll assume you've got something like this now:

<div class="wrapper">
  <div class="inner"></div>
</div>

.inner {
  background-image: url('/images/img.jpg');
}

All you'll need to do is add the a tag around your inner div:

<div class="wrapper">
  <a href="http://yourlink.com/">
    <div class="inner"></div>
  </a>
</div>

.inner {
  background-image: url('/images/img.jpg');
}

[Brad West]

Just copy the Genesis 404.php template to your child theme. You can then edit it without messing with core files.

Here's a tutorial to help: https://sugarrae.com/blogging/genesis-tutorials/creating-a-custom-404-page-with-genesis/

[Brad West]

My guess is you'll need to unhook the Genesis Author Box and hook in the Starbox Author Box. Something like this in your functions.php file should work:

//* Remove the author box on single posts HTML5 Themes
remove_action( 'genesis_after_entry', 'genesis_do_author_box_single', 8 );

//* Add the Starbox author box on single posts HTML5 Themes
remove_action( 'genesis_after_entry', 'verge_do_author_box_single' );
function verge_do_author_box_single() {
  if ( is_single() ) {
    echo do_shortcode( '[starbox-shortcode]' );
  }
}

[Brad West]

You can add a max width to the form. This will allow it to stay responsive as it is now but keep it from getting too big. Something like this in your style.css file should work.

.registration form {
    max-width: 400px;
    margin: 0 auto;
}

Add the margin if you want it to center.

As for the spacing after the form, just add some margin. You can add it in the same code as above. Something like this will give you 40px below the form:

.registration form {
    max-width: 400px;
    margin: 0 auto 40px;
}

[Brad West]

That spacing is pretty standard, but if you need to change it you could add a negative indent. This will only affect the first line of the list item.

For the lists I see on the page you liked to, you could add negative indent like this:

.entry-content ul li {
    text-indent: -8px;
}

Although that will also change any bullet lists in any post content area on the whole site.

Failing that you could add your list items inside a span and then adjust the position. Here's a tutorial on StackOverflow: http://stackoverflow.com/questions/4373046/css-control-space-between-bullet-and-li

[Brad West]

Per the Stackoverflow link above, you are unlikely to get a background image to remain fixed on a mobile device. I'll let you read the explanation in the link to understand why.

The customizer is a visual editor built-in to WordPress. It allows you to see changes you make to your website as you make them, that is, without needing to save files and refresh your screen. The plugin Genesis Super Customizer uses this to add styles to your site. The CSS that is controlling how your background image is displaying is being added by this plugin to the head of your HTML document (on line 292). If you navigate to the customizer inside your WordPress dashboard you should be able to find the custom-background class which is where you'll want to make your edits. I'm not sure the effect you're after so I'm just guessing that adding background-size: cover; might display the image as you want.

If you could be more specific about how you'd like the image to display, I might be able to offer more specific suggestions. But regardless of the changes, they will be made to the .custom-background class.

[Brad West]

It looks like you're using the Genesis Super Customizer to inline the styles. To "inline" your styles means that instead of those styles being in style.css, they are in the head of the document. I've never used this plugin, but I suspect you can change the background image CSS inside your customizer.

As for the differences on mobile devices, you'll want to read this: http://stackoverflow.com/questions/23236158/how-to-replicate-background-attachment-fixed-on-ios/23420490#23420490

[Brad West]

The direct answer:

You can turn off the semantic HTML5 page and section headings in your Genesis SEO Settings. Under "Sitewide Settings" you will see "Section Headings," uncheck that.

The longer answer:

I wouldn't turn this off. Brian Gardner and company have structured Genesis to serve well laid-out HTML5 documents. Google is able to tell when you are using HTML5 and in that case having multiple sections and headings is no problem.

Kezz Bracey published a great article about this a few years ago on Tuts+: The Truth About Multiple H1 Tags in the HTML5 Era.

Matt Cutts himself (head of Google's Webspam team) has said that multiple H1 tags are fine.

[Brad West]

The direct answer:

You can turn off the semantic HTML5 page and section headings in your Genesis SEO Settings. Under "Sitewide Settings" you will see "Section Headings," uncheck that.

The longer answer:

I wouldn't turn this off. Brian Gardner and company have structured Genesis to serve well laid-out HTML5 documents. Google is able to tell when you are using HTML5 and in that case having multiple sections and headings is no problem.

Kezz Bracey published a great article about this a few years ago on Tuts+: The Truth About Multiple H1 Tags in the HTML5 Era.

Matt Cutts himself (head of Google's Webspam team) has said that multiple H1 tags are fine.

[Brad West]

There are some plugins to do this, or you can hand code it. Here is a tutorial by SpiceMailer.

[Brad West]

Based on their documentation, I think you need to add "last_row=center" to your shortcode. If you are already using that or it doesn't work, I'd contact their support for help. You could probably hack around it, but that's not why you bought the plugin.

[Brad West]

Perhaps adding

background-size: cover;

to your .custom-background class will get you sorted?

body.custom-background {
    background-image: url('http://theoddspoon.com/wp-content/uploads/2015/08/dual-screen-ice-cover-mountain-2880x9001.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
}

[Brad West]

On line 1397 in your style.css file, you'll see this:

.solid-section .widget-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

That's how the horizontal line below the titles are being added. You can add the horizontal line (or border) to the other areas by replacing .solid-section with .home or you could add the image sections like this:

.image-section .widget-title,
.solid-section .widget-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

Either way should work fine.

As for the logo, I'll need you to explain more before I can offer any advice.

[Brad West]

Since you've set the color scheme in your theme settings to "Blue" you'll need to change .outreach-pro-blue .nav-primary as those settings will override .nav-primary.

.outreach-pro-blue .nav-primary {
    background-color: #333333;
}

The most common notification bar is probably Hello Bar, but there are others. Do a search for "hellobar alternative."

[Brad West]

So long as your math adds up, there shouldn't be any weird gaps. If you remove 200px from .content, you'll need to remove 200px from .wrap.

That's what I did here: https://www.dropbox.com/s/1l4eu1si2a9fqpd/Screenshot%202015-08-04%2017.24.25.png?dl=0

That screenshot is only a reduction of the .content div. The sidebar was untouched, but if you want it to be smaller also, just make sure the math works.

[Author]

Posts