Need to reduce padding (space between) menu link text buttons « Support Forum | Kriesi.at

Need to reduce padding (space between) menu link text buttons

3 posts from 2 voices

Tags:

daveyfifi
Member

Also would like to reduce size of the type, should be in same CSS area?

What file and code changes? I am using the Mixed skin.

Also need to know where to change the header window size and where to find the background image.

thank you!

Posted 1 year ago #
daveyfifi
Member

Somewhat disappointed by the theme, as I expected the Avia framework to be easier to reconfigure where needed. For this example, nothing seems obvious. What I want to do is change background color of the header, change type color and size of the menu links, reduce padding-right for the menu links and possibly the space between the links. Finally will insert a new logo.

Template directions say to copy code from mixed-skin.css to custom.css and make alterations. Custom.css is supposed to override mixed-skin.css?

Much of what I need as shown in the top paragraph I cannot locate, and the procedures for changing theme are a mystery to me.

Need help, as this page needs to get done next week.

Posted 1 year ago #
Dude
Dude
Hey,
you can change the link width with following code:
```
.main_menu .menu li li {
    width: 125px;
}
```
and the line-height/font-size with:
```
.main_menu .menu > li {
    line-height: 1.2em;
font-size: 12px;
}
```
You can change the header color with:
```
#header {
    background-color: #333333;
}
```
and upload the logo by using the option panel. I'd add the code to css/custom.css which overwrites the other stylesheets.
Posted 1 year ago #