Menu Style is Different from In Demo? « Support Forum | Kriesi.at

Support Forum » Avisio

Menu Style is Different from In Demo?

10 posts from 4 voices

Started 2 years ago by wickedwebsites
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

wickedwebsites
Member

Hi,

Firstly I apologize if this question is addressed somewhere that I was unable to find; I searched at length on the forums here in the terms "menu style" and "menu font" and was unable to find what I'm looking for.

Basically the menu that comes up in the demo page with the sample data imported looks very different from the sample page;

http://www.w1cked.com/menuissue.png

Now, obviously I know I have to add the descriptions and re-organize the menu order myself that's no problem - but I'm hung up on getting the style exactly the same just as a starting point -- how would I go about having exactly the same starting menu style as the sample theme (pictured above)? It seems like this was left out of the .css or sample data?

Best regards,

Andrew

Posted 2 years ago #
Dude
Dude
Just change the height of wrapper_head. Open style.css - here you'll find following code:
```
#wrapper_head{
position: relative;
z-index: 100;
overflow: visible;
}
```
change it to
```
#wrapper_head{
position: relative;
z-index: 100;
overflow: visible;
height:200px;
}
```
You can set the value of height to anything you like - set it to an higer value so that the vertical separators between each topic don't reach the blue horizontal bar.

The Dude
Posted 2 years ago #
wickedwebsites
Member

Hi,

First of all, thanks for the quick response.

I wasn't at all looking to adjust the spacing of the header, I was looking to match the style with the demo website so that the font and subtitles look identical as in the example comparison image I posted above; which shows the differences I'm trying to fix.

Thanks again,

Andrew

Posted 2 years ago #
Dude
Dude

Can we have a link to your page? We must have a look at the css files, html code, plugins etc.

Posted 2 years ago #
wickedwebsites
Member

Hi,

Here's the very rough work in progress; please don't re-post real links; http://ephemurl.com/2d/18c

I'd just like to make the style of the menu / fonts etc. look identical as in the demo page!

Thanks again!,

Andrew

Posted 2 years ago #
Dude
Dude
Ok you've two possibilities:

1) The recommeded one: Just use the menu manager instead of the auto generated menu. You'll get the same results like in the demo.
Go to you admin panel > appearance > menu
There you'll find the new Wordpress 3.0 menu editor. Here you can create your own menu via drag'n'drop.

OR:

2) Open style1.css and insert following code at the end of the file:
```
.nav li a {
display:block;
font-size:14px;
font-weight:normal;
}
```
The Dude
Posted 2 years ago #
swazzi
Member

Hello,

Beautiful themes and nicely organized site...I've been using avisio quite happily for nearly a year now. But now...

I have tried over and over to change the height of my header to accommodate a larger logo, (including the code below) and nothing works. It works when i do it in inspect element in the browser, but when i put the code in the child theme css, nada.

#wrapper_head{
position: relative;
z-index: 100;
overflow: visible;
height:150px;
}

http://www.oasistroncones.com/

As you can see, the logo is overlapping into the slider. Not good.

Please help??

Thanks very much,

francoise

Posted 1 month ago #
Ismael
Moderator
Hi,

Just add this at the very bottom of style.css to fix the header height.
```
#wrapper_head .center {
padding: 0px 20px 60px 20px !important;
}
```
And try this to fix the menus.
```
#top .nav a {
padding: 2px 6px !important;
}
```
Regards,
Ismael
Posted 1 month ago #
swazzi
Member

Worked perfectly. Never woulda figured that one out alone. Thank you Ismael!

Posted 1 month ago #
Ismael
Moderator

Hey,

Glad that is fixed. :)

Regards,
Ismael

Posted 1 month ago #