eleven40 pro

[JCKOnline]

Hi guys,

I need help to reduce the spacing around the ad banner at the top.

Thanks in advance!

http://wristreview.com

[kdrewien]

You can play with the margin and/or padding around the image. The code below is on line 1791 in your style.css file. Be sure to save a copy of the style.css file before you begin editing, and it's recommended that you do so using ftp instead of Appearance > Editor within the site.

.featured {
margin: 6.5rem 0 0 0;
padding-top: 3rem;
text-align: center;
}

If you are not familiar with the difference between margin and padding this article will help:
http://www.w3schools.com/css/css_boxmodel.asp

---

WordPress Consultant & Trainer
WP Site – Atlanta WordPress Training and Support

[JCKOnline]

Hello,

Thank you for your reply. But what should i change for it to become smaller?

[kdrewien]

​I recommend using a handy tool which allows you to preview the style sheet for your theme. You will hover over the white area you want to alter, right click, and then select the tool to inspect the code for that area of your theme. This tool allows you to preview changes, so you can get just the look you want before editing the actual style.css file.

An easy way to get started is by using Firebug - https://getfirebug.com/

---

WordPress Consultant & Trainer
WP Site – Atlanta WordPress Training and Support

[JCKOnline]

I used it and saw the changes in real-time. It only decrease the padding/space above the banner. But when I do the change in my FTP editor it dont happens anything.

[JCKOnline]

I also would like to take away the tagline below the top ad banner.

[JCKOnline]

Can you help me out?

/J

[kdrewien]

After making the change in the style.css file, did you click 'update' to save the change?

---

WordPress Consultant & Trainer
WP Site – Atlanta WordPress Training and Support

[kdrewien]

The tagline in the header automatically pulls the tagline from Settings > General. A quick fix is to leave the tagline data box empty. When I get in front of a computer later today I will update this reply. I'm currently limited to my tablet and unable to review the code.

---

WordPress Consultant & Trainer
WP Site – Atlanta WordPress Training and Support

[kdrewien]

Sorry for the delayed response.

I misunderstood your reference to "tagline". More correctly you were referring to the "site description". Make this change in your style.css folder: add display:none;

.site-description {
display: none;
}

This changes the white space around the Delma ad. Make this change in the style.css file:

.featured {
margin: 25px 0 25px 0;
margin: 2.5rem 0 2.5rem 0;
padding-top: 3rem;
text-align: center;
}

Be sure to save the changes you made.

---

WordPress Consultant & Trainer
WP Site – Atlanta WordPress Training and Support

[JCKOnline]

I have saved and updatet it but it doesn't want to change.

[kdrewien]

Please tell me step by step what you are doing to make changes to the style.css file.

---

WordPress Consultant & Trainer
WP Site – Atlanta WordPress Training and Support

[JCKOnline]

I copy what you have written and paste in and replace the code and save it.

[nutsandbolts]

JCK, are you running any kind of caching plugin on the site? Using Cloudflare? Using a host that has server-side caching enabled? If you are, any/all of those things could prevent you from seeing changes after you make them.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[JCKOnline]

I dont have it! Because I have made other changes and I could see them.

[JCKOnline]

I changed my favicon in my FTP, but doesnt change.

[kdrewien]

You can not see any changes to your site because you are either not editing the correct file, or the changes you make are not being saved.

Make certain you are editing this file:
http://www.wristreview.com/wp-content/themes/eleven40-pro/style.css

Check the file permissions. Do you have permission to write/modify?
http://codex.wordpress.org/Changing_File_Permissions

---

WordPress Consultant & Trainer
WP Site – Atlanta WordPress Training and Support

[JCKOnline]

I have done the changes in it. I dont know if you see it but the padding around the delma ad has decreased only above.

I have permission to write/modify.

[kdrewien]

I recommended the settings below because you wanted to remove the tagline (.site-description). When you modify .site-description to display: none; the title of the post moves up too close to the ad. So, I suggested adding 2.5 rem to the bottom margin. The order of the margin settings are top, right, bottom, left.

If you are going to keep the tagline, then modify the bottom margin to 0.

.featured {
margin: 25px 0 25px 0;
margin: 2.5rem 0 2.5rem 0;
padding-top: 3rem;
text-align: center;
}

---

WordPress Consultant & Trainer
WP Site – Atlanta WordPress Training and Support

[JCKOnline]

Ok! Great! Thank you very much. One more thing how do I add a back to top button?

[Author]

Posts