Community Forums › Forums › Archived Forums › General Discussion › eleven40 pro
- This topic has 35 replies, 3 voices, and was last updated 9 years, 4 months ago by
JCKOnline.
-
AuthorPosts
-
May 20, 2014 at 11:14 am #106042
JCKOnline
MemberHi guys,
I need help to reduce the spacing around the ad banner at the top.
Thanks in advance!
http://wristreview.comMay 20, 2014 at 3:00 pm #106067kdrewien
MemberYou 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 SupportMay 20, 2014 at 3:20 pm #106073JCKOnline
MemberHello,
Thank you for your reply. But what should i change for it to become smaller?
May 20, 2014 at 3:55 pm #106076kdrewien
MemberI 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 SupportMay 20, 2014 at 4:22 pm #106082JCKOnline
MemberI 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.
May 20, 2014 at 4:24 pm #106083JCKOnline
MemberI also would like to take away the tagline below the top ad banner.
May 22, 2014 at 1:22 am #106278JCKOnline
MemberCan you help me out?
/J
May 22, 2014 at 5:02 am #106290kdrewien
MemberAfter 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 SupportMay 22, 2014 at 5:09 am #106291kdrewien
MemberThe 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 SupportMay 22, 2014 at 7:54 am #106315kdrewien
MemberSorry 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 SupportMay 22, 2014 at 8:03 am #106319JCKOnline
MemberI have saved and updatet it but it doesn't want to change.
May 22, 2014 at 8:16 am #106329kdrewien
MemberPlease 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 SupportMay 22, 2014 at 8:25 am #106331JCKOnline
MemberI copy what you have written and paste in and replace the code and save it.
May 22, 2014 at 11:34 pm #106454nutsandbolts
MemberJCK, 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+May 23, 2014 at 3:22 am #106464JCKOnline
MemberI dont have it! Because I have made other changes and I could see them.
May 23, 2014 at 3:57 am #106466JCKOnline
MemberI changed my favicon in my FTP, but doesnt change.
May 23, 2014 at 4:55 am #106468kdrewien
MemberYou 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.cssCheck 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 SupportMay 23, 2014 at 7:28 am #106480JCKOnline
MemberI 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.
May 23, 2014 at 11:41 am #106515kdrewien
MemberI 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 SupportMay 24, 2014 at 5:52 am #106582JCKOnline
MemberOk! Great! Thank you very much. One more thing how do I add a back to top button?
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.