Danielle Hickinbotham

Awesome! We’re going to add in the CSS class to the template file so that we don’t mess up the padding on everything else across your site. I’ll do a step by step. If I don’t make sense just let me know!

In your WordPress Dashboard, go to Appearance > Editor and then from the drop down menu in the right column (Select theme to edit), select the Hueman parent theme.

Once the page refreshes with a list of the files in the parent theme on the right, click on Header (header.php).

Once that file loads, search for:

<div class="group pad">

and replace with:

<div class="group pad headerlogo">

This just tells that div to call the CSS we added earlier ??

Let me know if you have questions!

Cheers,

Danielle

Hello Bwhxeon,

I took a look at your site and I see your issue. Did you put your own CSS in to center the headers?

This seems like an easy CSS fix. You can target the Blog title specifically and tell it to align left with the following CSS:

h1.entry-title {
     text-align: left;
}

Put that in your Theme’s custom CSS box and let me know if that works for you. (Appearance > Theme Options > Advanced Settings.

Cheers,

Danielle

Oh, I forgot, you have to change a setting in the Theme Options as well.

Appearance > Theme Options > Styling (scroll until you see Header Logo Image Max-height) Make sure the slider is set to 200. This will allow your header image to be full width.

Also, when I tested this on my development WP, I went into the Header options in that same Theme Options menu and turned off the Site Description. This got rid of the empty space below the image since there was nothing in there.

Paul,

The image size is actually PERFECT! The problem is that there is some CSS telling it to display smaller than it is. I’ll go ahead and paste what I’ve done so far, so that we can work towards a solution for you!

If you go to Appearance > Editor in your WordPress dashboard, you should see the style.css file and you can search for and edit these snippets of CSS in there. Since you’re using a child theme, they may not be there and if that’s the case, just paste the “replace with” css at the bottom of that file:

#header .pad {
     padding-top: 28px;
     padding-bottom: 30px;
}

replace with:

#header .pad {
     padding-top: 0px;
     padding-bottom: 0px;
}

————————————–

.site-title {
     padding: 10px 0px;
}

replace with:

.site-title {
     padding: 0px;
}

————————————–
ADD new CSS

.headerlogo {
     padding: 0px;
}

Once you have that, I can walk you through adding one CSS class in the HTML file to make it recognize the .headerlogo CSS you just added ??

Cheers,

Danielle

Hello Paul,

I believe it’s just a matter of changing some CSS code to tweak some of the padding and the image height. Are you using a child theme? Are you familiar with HTML at all? I just want to know how to best help you. I can get rid of the space and make the image span the full width, just working on the best way to fix the spacing on top and bottom without too much work on your part or messing up another element on the page.

Cheers,

Danielle

Glad to help!

You can try plugins if you’d like. I just tried Add Local Avatar on my demo site. It allows users to be able to upload their own local image, use their twitter icon. The setting are a bit tricky and dependent on what version of WP you’re running, but I was able to get a decent image to show up next to my test user on forum posts AND it was used at the WP avatar in the Dashboard. Play around with that and the settings. If you run into the issue of uploading an avatar and it shows as a broken image, try checking the box in the settings that says “Or, use legacy (v7.3 and lower) $_SERVER[‘DOCUMENT_ROOT’] method , this option often helps when using sub-domains. ” under the User Uploads setting. Also, you might want to choose 80px as the Resize uploads size. After I chose that and saved it, I was able to go even larger. Play around with that because small upload sizes will cause the images user upload to be REALLY Pixely. Hope that helps some. You can always play around with other plugins too, but I googled ones that people have used specifically with BBPress to make sure they’re compatible.

Gravatar is free to use, and it will link up with your www.remarpro.com account. This allows you to choose a user icon and have it be the same across any site that uses Gravatar. Things like commenting sites (Disqus), WordPress (your icon in the admin toolbar at the top of your site!), and many others.

For the widgets in your sidebar, you can change the spacing by changing this code in your style.css through your WP Dashboard (Appearance > Editor) from This:

.sidebar .widget {
    padding: 30px 30px 20px;
}

to This:

.sidebar .widget {
    padding: 20px 30px 0;
}

Changing the first value will change how large the top padding is, the last value will change how much padding is added to the bottom of each widget.

I believe both WP and BBPress pull from the user’s Gravatar account. If the email you used to sign up for an account on your site isn’t linked to an gravatar, no image will show up.

Glad I could help!

Put that code in the style.css file which you can access from your dashboard through Appearance > Editor. The default file it loads is your stlye.css (you’ll see it says

Edit Themes
Theme Name: Stylesheet (style.css)

at the top of that page)

I would scroll to the bottom of that file and paste this so you know where all your custom code is:

/* CUSTOM CSS */

#post-11 .entry-header{
    display:none;
}

I think you have your image in the text area, not as the featured image. That would be why that image shows up and yours is pushed down below your footer.

Do you have a link I can see the slider active on so I can see what you mean by image placeholder?

As for the text, when you go into add a new slide or edit a current one, the Title is what shows up in the orange (top) box on the slide and the text you put in the text are shows up as the text in the grey box on the slide.

I’m hoping they’ll let this stay, but I took a screenshot to hopefully help illustrate what I was saying better than what I was typing: Slide Example

For that particular issue, you still have a header showing up there (even though there’s no data or text, the HTML is still being output). You could tell it not to display, but you’ll have to be very specific with the CSS so as not to cause issues on other pages. Try putting this CSS in your editor:

#post-11 .entry-header{
    display:none;
}

It takes out some space, but I don’t know if that’s close enough for you or if you want more space gone.

Yes, I meant through the Dashboard. Is it possible to ask the company you paid about it?