brandongaudin 0 Report post Posted September 7, 2011 Link to page I'm working on: http://brandongaudin.com/new-home-page/ How do I... 1) Decrease the blank white space below my header and the navigation? 2) Decrease the blank white space below the page content and the footer? 3) Make the twitter & RSS icons permanently have color (right now only turns to color from grey when you scroll over them)? Thank you! Share this post Link to post Share on other sites
catrina 103 Report post Posted September 7, 2011 Please add the following CSS to PlatformPro > Custom Code > Custom CSS: [code]#branding {margin-bottom: -30px;}[/code] Also, I'm trying to decrease the space between page content and footer but whilst doing that, this is showing in the footer: [code]Warning: preg_match() [function.preg-match]: Compilation failed: nothing to repeat at offset 1 in /home1/brandoq5/public_html/wp-content/plugins/wassup/wassup.php on line 3954 Warning: preg_match() [function.preg-match]: Compilation failed: nothing to repeat at offset 1 in /home1/brandoq5/public_html/wp-content/plugins/wassup/wassup.php on line 3954[/code] Is that plugin properly implemented? Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 7, 2011 Sorry, Catrina but putting #branding {margin-bottom: -30px;} did not alter anything Share this post Link to post Share on other sites
catrina 103 Report post Posted September 7, 2011 Please try this instead: #primary-nav {margin-top: -30px;} Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 7, 2011 Still nothing. Share this post Link to post Share on other sites
Rob 547 Report post Posted September 7, 2011 Okay Brandon, here's the probs I see. 1. The whitespace is not coming from your header, but from the quotation below. It's set in 4 Paragraph tags. How did you get the words in the quote there? Copy and paste from Word? 2. Try [code]#column-main {margin-top: -20px;}[/code] or [code]#mcolumn {margin-top: -20px;}[/code] 3. You have a broken plugin called Wassup. You really need to remove that plugin. That can disrupt lots of things on your site. THIS IS IMPORTANT!! Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 7, 2011 1. I simply typed the quote into the page editor and then added the photos below. But to be clear, I'm not concerned about the white space between the Indianapolis Star quote and the Nav bar...that looks fine to me. Instead, I want to know how to control the white space between the header title/image and the nav bar. 2. I tried both of your suggestions but neither worked. 3. Ok, I deleted Wassup stats, thank you. I had no idea that could create a problem. 4. Also, any idea on how to make the twitter & RSS icons permanently have color (right now only turns to color from grey when you scroll over them)? ------------------------------------ For your reference, here is everything I have typed into the custom CSS space: body{} #primary-nav ul.main-nav.nosearch {border:1px solid #DDD;} #primary-nav li {border-left:1px solid #DDD;} #nav_row li{border-left:0px;border-right:1px solid #DDD;} #featurenav a, #feature-footer span.playpause { display:block; float:left; margin:4px; color: #444444;} #featurenav a.activeSlide { background: none repeat scroll 0 0 #666666; color: #000000;} #cred {display:none;} #primary-nav .main-nav #menu-item-276 a:hover {background:#;} #primary-nav ul.sf-menu #menu-item-276 a {color:#1a248f;} .metabar .sword, .metabar .post-author{display:none;} .one-sidebar-right #pagelines_content #column-wrap, .one-sidebar-right #buddypress-page #container { border-right: 1px solid #DDD; margin-left: -1px;} Share this post Link to post Share on other sites
Kate 3 Report post Posted September 7, 2011 Hello, 1) Try this code: [code]#branding .content-pad{padding-bottom:5px;}[/code] 2) Try this code: [code]#page{min-height:600px;}[/code] 4) Check the style that's applied to the hover of each (it's changing the background position), and apply those to the elements "full time". Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 7, 2011 Thanks for stepping in Kate but neither of those worked. Also, #4 went over my head. Could you explain that in simpler terms? Share this post Link to post Share on other sites
Rob 547 Report post Posted September 7, 2011 Brandon, Try these, adjusting the specific number to the height you want. [code]#branding {height:100px;} .branding_wrap {height:100px;} [/code] On a side note, your graphic in the logo is a .BMP. These tend to be very large files. Yours is over 100K. I've changed it for you to a .PNG, and a smaller file size. Right click to save this file and replace your header image. [img]http://www.epicurus.com/wp-content/uploads/2011/09/header_image_7.png[/img] It's now going to use only 10K disk space and will load much faster. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 7, 2011 Unfortunately that still does not work. I tried adjusting to different heights but nothing changed. Fixed the logo to .PNG. Thanks for the advice. Share this post Link to post Share on other sites
Rob 547 Report post Posted September 7, 2011 Brandon, I'll keep searching. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
Rob 547 Report post Posted September 7, 2011 Try this [code]#branding .content-pad {padding: 0px 0px 0px 0px;} div.branding_wrap {margin-top: -10px;} div.branding_wrap {margin-bottom: -10px;} [/code] Adjust the 10 figure to whatever works. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 7, 2011 No dice again :( Could it be that I need an updated version of platform pro? I'm not sure if they've come out with any updates since I downloaded the theme a year ago. Not sure if this has any effect....I'm just trying to think of anything at this point. Share this post Link to post Share on other sites
kastelic 6 Report post Posted September 7, 2011 To reduce padding: [code]#branding .content-pad {padding-bottom:0 !important;}[/code] To make the icons always be in color: [code] .icons .twitterlink { background-position: -22px -22px !important; } .icons .rsslink { background-position: 0px -22px !important; } [/code] Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 7, 2011 Thanks for trying to help Kastelic...but neither of these worked either. I inserted them both into the custom css portion of the theme options but to no avail Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted September 8, 2011 Are you clearing your cache in your browser, I sometimes have issues with this, when I make changes to my CSS. Where I don't actually see the effects taking place until I clear my cache. Please search our forums, before posting! Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 8, 2011 Yes, I am. The icon color and space in header still not changing. Any other suggestions? Share this post Link to post Share on other sites
catrina 103 Report post Posted September 8, 2011 Which version of PlatformPro do you have? Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 8, 2011 It looks like 1.1.3 Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 8, 2011 Could this be the issue? If so, where do I download latest version AND could it effect the look of my current site? I don't want to jeopardize having to re-work anything that's already in place. Share this post Link to post Share on other sites
Rob 547 Report post Posted September 8, 2011 The recent upgrade was exclusively for PlatformPro, not Platformbase. If you made changes to files in PlatformPro, you could be affected by the change. However, I respectfully point out that we do tell everyone to make changes to platformbase specifically to avoid such instances. You login to http://www.pagelines.com and you should see a link to your account. Available downloads are there. Also consider that plugins can change your CSS. All should be up to date to avoid conflicts. If they are not current, you should find replacements or ask the authors when the upgrade is coming. Again, try deactivating each one - one at a time - and see if your problem resolves. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 8, 2011 I think I am using Platform Pro not base. My payment history says I purchased Platform Pro. How do I check? I'm willing to pay someone for a quick phone call/tech support. Is that possible? Share this post Link to post Share on other sites
kastelic 6 Report post Posted September 8, 2011 The latest code I gave you should work, no question about it. Is that code still in there? If so, then there is a syntax error somewhere in your CSS causing it to not be applied. If not, can you leave it in so I can check again? thanks. Share this post Link to post Share on other sites
brandongaudin 0 Report post Posted September 9, 2011 I had taken them out, but I just put them both back in as is... #branding .content-pad {padding-bottom:0 !important;} .icons .twitterlink { background-position: -22px -22px !important; } .icons .rsslink { background-position: 0px -22px !important; } Thank you. And what is your take on what I should do regarding updating the platformpro software? Share this post Link to post Share on other sites