Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Reducing screen real estate


  #1  
Old Jul 22, 2009, 08:17 PM
patriciaeddy
 
7 posts · Feb 2009
I'm running Atahualpa 3.4 at my website: http://www.cooklocal.com.

I would like to accomplish the following:

Have the Posts, By Email, and Comments feed buttons be at the same level as the header image (in that same section of real estate) OR in the same area as the page listing.


I'm very willing to upgrade to the latest version if that will help.

Any ideas? I have some comfort with HTML, so with a little bit of extra detail and a good backup, I'm competent enough to directly edit files.
  #2  
Old Jul 23, 2009, 09:16 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You could move the box containing the icons up with a negative margin, CSS Insert:

div.rss-box {
position: relative; /* for IE */
margin-top: -35px;
}

The icons barely fit into the page menu bar. To increase the height of page menu bar tabs, increase the red value and put this into CSS inserts,too:


div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
padding: 4px 5px;
}

To reset the tab padding for sub menu items put this CSS after the one from above:

div#menu1 ul.rMenu li ul li a:link,
div#menu1 ul.rMenu li ul li a:hover,
div#menu1 ul.rMenu li ul li a:visited,
div#menu1 ul.rMenu li ul li a:active {
padding: 4px 5px;
}

Add !important if any of these doesn't work:

selector {
property: value !important;
}


The remaining small space between header image and page menu bar is caused by

1. The %bar at ATO -> Style & Edit HEADER AREA -> Configure Header Area

2. The still existing <td class="feed-icons" ... >

CSS Insert:

td.feed-icons {
height: 1px;
margin-top: -1px;
}
  #3  
Old Sep 30, 2009, 08:15 PM
patriciaeddy
 
7 posts · Feb 2009
Ok. So this worked perfectly, but there's one problem. The RSS subscription buttons don't actually show up in IE. They work just fine in Firefox and Chrome though.

I used the exact code you suggested, but I changed the 4 to a 9 since I wanted a bit more padding.

Site is http://www.cooklocal.com.

Any ideas why it won't show in IE?
  #4  
Old Sep 30, 2009, 08:48 PM
patriciaeddy
 
7 posts · Feb 2009
So I did figure out the why. Apparently the RSS box is actually behind the menu bar in IE, but it is on top of the menu bar in Safari, Firefox, and Chrome.

So what I need is a way to bring the RSS box to the front somehow that works in IE.
  #5  
Old Sep 30, 2009, 10:18 PM
patriciaeddy
 
7 posts · Feb 2009
ARGH! I'm an idiot. Apparently I forgot the:

position: relative;

line.

So everything is fine now. Thanks!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Parts of Page Spilling Off To The Right Of Screen. Juslyn Header configuration & styling 6 Jul 16, 2009 08:54 PM
Reducing the Code to Text Ratio murdoco Atahualpa 3 Wordpress theme 2 Jun 24, 2009 04:23 PM
Post headings moving from side to side and font size reducing sparry Atahualpa 3 Wordpress theme 3 Jun 21, 2009 06:23 AM
Reducing font sizes Kev_wp Atahualpa 3 Wordpress theme 1 Feb 21, 2009 08:06 PM
real page names matty5490 Atahualpa 3 Wordpress theme 4 Feb 4, 2009 03:27 PM


All times are GMT -6. The time now is 07:14 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.