[SOLVED] Reducing screen real estate
 

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.

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;
}

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?

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.

ARGH! I'm an idiot. Apparently I forgot the:

position: relative;

line.

So everything is fine now. Thanks!