Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

How to make the menu bar transparant, higher and shove it up?

Old Sep 5, 2012, 04:11 PM
27 posts · Sep 2012
Hi all,

I am working on a website and I have to little knowlegde of CSS, it's a puzzle to me. Hopefully you can help me out.
I want my menu to be higher up and I made a partially transparant gif so it covers the header some, but not all.
I also want it higher in size. And if possible I would like the mouseover shown as a square button sliding over the menu bar.
Is there a way that I can realize this? I made a gif called gradient_bar.png and used this code, but it doesn't work:

div#menu1 {
background-image: url(/wp-content/themes/atahualpa/images/gradient_bar.png') !important;
border: 0;

div#menu1 ul.rMenu {

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {

I put this in the CSS inserts box.
The website is here (and it's far from finished):

It should become like this: http://www.claudiacreates.nl/wp-cont...ngendael-2.jpg

Thanks upfront.

Last edited by claudiacreates; Sep 5, 2012 at 04:39 PM.
Old Sep 5, 2012, 05:07 PM
lmilesw's Avatar
10,176 posts · Jul 2009
Central New York State USA
This is a matter of playing with CSS positioning elements and perhaps padding for the menu list items on the top and bottom to give it more height. This isn't complex but would take a half hour or more to figure out and write up instructions. The best bet is to check out w3schools.com for CSS positioning properties and then use Firebug to virtually play with the CSS. That is what I do.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Sep 5, 2012, 10:59 PM
27 posts · Sep 2012
Thank you Larry, will do


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Menu Dropdown higher than the other links in the menu Beautyfuzz Page & Category Menu Bars 2 May 14, 2012 04:13 PM
How Do I Shrink The Body And Make The Footer Higher? Mogul Atahualpa 3 Wordpress theme 3 Mar 21, 2012 07:20 PM
Font Size Menu Bar (Footlight MT Light font) does not change when giving higher px ematser Page & Category Menu Bars 2 Oct 15, 2011 12:06 PM
[SOLVED] Page tab height issue: page link tabs higher than page menu bar Fux Page & Category Menu Bars 13 Oct 30, 2010 03:42 AM
[SOLVED] page menu bar transparant byronyasgur Page & Category Menu Bars 5 May 4, 2010 05:30 AM

All times are GMT -6. The time now is 11:02 PM.

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