Jump to content
Sign in to follow this  
brandongaudin

Header, footer and social icon questions

Recommended Posts

brandongaudin

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
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
Sorry, Catrina but putting #branding {margin-bottom: -30px;} did not alter anything

Share this post


Link to post
Share on other sites
Rob
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
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
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
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
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
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
Brandon, I'll keep searching.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob
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
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
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
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
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
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
brandongaudin
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
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
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
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
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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×