[WMcKinley]

here's how I did it in "additional CSS", very simple - just add display:none;

.page-title {
color: #fff;
padding: 20px 0 80px;
text-align: center;
display: none;
}

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,

I'm so sorry to alarm you like that! It's fine, the woman is indeed there. I use FireFox with NoScript and earlier when I hit your page I forgot to "allow" everything. The NoScript add-on blocks a lot of website elements, but protects me from all the nasties out there.

The site looks great now! I get hungry every time I visit. The height looks perfect now.

So glad I could help. Cheers!

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,

This is an absolutely beautiful site. You have done a fantastic job.

The only issue I see is on the Home page, the slider image doesn't go completely from side to side. See this screenshot:

https://twitter.com/WMcKinley_com/status/318091438942453760/photo/1

Unfortunately, I'm not the one to ask about fixing it. Just wanted to make you aware. There's some blank white space over on the right side on my screen.

All the other pages look great and I think the overall look is wonderful. You should be proud.

Cheers!

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,

I see you removed the picture of the woman and the header is narrower now. I'm not sure why you would want to remove the text there, it looks great as it is.

Hopefully I helped point you in the right direction.

If you are happy with it please mark this thread resolved.

Cheers!

---

W. McKinley – PowerEmini.com

[WMcKinley]

One thing to note. In my picture notice you can't see the girls pants.

So I think you want to reduce the height of the actual image so it looks the same,  just not as tall.

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,

Wish I had a better place to put this image, but maybe you can see what I did here and how it looks.

https://twitter.com/WMcKinley_com/status/317816492940996608/photo/1

I changed the image to 420px high like I said above and then in the style.css line 337 section I changed the padding to 4% to move the content up. It looks like this accomplishes the task, at least viewed in FireFox.

 

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,In your style.css line 603 I see:

.sidebar-content-sidebar #content {

    float: left;
    margin-left: 0;
    padding: 0 10px;
    width: 540px;

}

In FireBug if I change the width from 540px to 620px it increases the width of the main content and looks pretty good.

Hope this helps.

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,

I'm not sure if this will help, but if you are talking about the large gray image above the fold, I see the code on your page where it says the image is 500px in height. Perhaps you can adjust the image and specify a smaller pixel height.

<div class="backstretch" style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 500px; width: 1663px; z-index: -999998; position: absolute;">

If I change the 550px in FireBug to 420px it still looks good and accomplishes the task, but you would need to tweak the padding for the content inside the image so it looks right.

Hope this helps.

 

---

W. McKinley – PowerEmini.com

[WMcKinley]

This is fantastic Susan and I truly appreciate you sharing the code.

I have saved it to my bag of tricks for future use.

I hadn't really thought about adding a sign-up form to the Title area, but I can see cases where it would make sense.

Cheers!

---

W. McKinley – PowerEmini.com

[WMcKinley]

I would be very interested in the procedure to do this as well,  for future reference.

Please share if you don't mind 😉

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,

The easiest way I've  found to do this is to simply rename the image to sample.jpg and upload it via FTP into the images folder and overwrite the existing one.

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,
On line 591 of your style.css I changed the font size from 48px to 36px and it worked fine.

Everyone should be using FireBug!

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,
In your style.css

.footer-widgeted-1 .footer-widgeted-2 .footer-widgeted-3

padding 20px 30px 15px

I changed it to 60px 30px 15px

and it moved the content of the widgets down to add space between them and the slideshow.

If you are looking to add padding to the footer area, in the style.css line 1474

#footer p {
padding: 0;
padding: 0;

change the padding from 0 to say:

padding 20px;

Hope this helps.

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,
Thanks for reminding me to remove the page titles on that first site. All I did to remove page titles site-wide was add this to the functions.php

/** Remove page titles site wide (posts & pages) */
remove_action('genesis_post_title', 'genesis_do_post_title');

As far as which site looks better I suppose it's a matter of opinion. The old Minimum site looks more old-school, but I liked it so much the way it was I didn't want to change it. The new site is easier to read sitting back in my chair.

Seems like the new trend is bigger fonts and lots of white space, which is fine by me. I'm starting to prefer the new one.

As far as the call to action, it's supposed to be to watch the video.

Thanks for your input.
Cheers!

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,
Using Firebug I see where the grey background is coming from in the

.after-post {
background: none repeat scroll 0 0 #F5F5F5;
clear: both;
margin: 0 0 10px;
overflow: hidden;
padding: 10px;

If you can find that in your style sheet you can change the color to #FFFFFF and it will be white

---

W. McKinley – PowerEmini.com

[WMcKinley]

I agree with Brad. The big block of text on the homepage is unreadable to me.

For one thing, I can't read white or yellow text on a dark background. It screws with the rods and cones in my eyeballs. It's ok for a footer but not the body of a page with lots of text you want someone to actually read.

I would make the background color of that section a light color and then use a larger font with black text and break all the text up into readable sections with some paragraphs and a bit of whitespace.

Just my humble opinion.

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,
Well unfortunately, without being able to see the form, it's not likely you will find anyone that can help you fix it up.

I would just tinker with the padding, heights and widths etc.

Good luck.

---

W. McKinley – PowerEmini.com

[WMcKinley]

regarding issue 2 - I looked at your page in Firebug and changed one little thing to pull the body of the page up to the top

.entry-content p {
margin: 0 0 -25px;

It was 25px and I changed it to -25px

Also it looks like there's some code that isn't doing anything adding to that problem

li, ol, ul {
margin: 0;
padding: 0;

It's creating a bullet point in the upper right because that's code for a list where there is none. I would cut that out.

I'm not positive this is "best practice" but it worked.

Anyone reading this that doesn't have Firebug - it's a must-have tool for this kind of stuff.

Cheers.

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,
Aweber has it's own "generate form" section with tons of different styles. Sign in and click Web Forms in the top nav.

My suggestion would be to use their site to generate the code for your form, then try to combine it with your graphics.

I just used a basic generated form on this site http://poweremini.com/

---

W. McKinley – PowerEmini.com

[WMcKinley]

Hi,
I just built a new site in Minimum and here's the code I used for the logo.

#title a {
background: url("images/logo.png") no-repeat center center;
display: block;
height: 40px;
width: 534px;
text-indent: -9999px;
}

Note it's in the #title a part of the main header section and of course your image size would be different.

Worked just fine here: http://www.poweremini.com

Hope this shows up ok

---

W. McKinley – PowerEmini.com

[Author]

Posts