i’ll do that because by answering questions the learn effect is immense. So at the end helping others helps me to understand that enfold theme much better.
So this is real egoism :lol:

well on Menu Admin Site (Dashboard/Design/Menus) you can give each Menupoint a Class.
On that Site you see on top the Options , press that little Button and than choose CSS-Class – this will give you the chance to set for each Menuitem an own css-class (e.g. blue, yellow and white)

the class goes to the li element

so maybe:

.blue {
    background-color: #009;
}

but then you have to change the text-color too e.g. :

.blue a {
    color: #fff !important;
}

you have to do that 3 times in your case

but this might work as well from Yigit:

.av-main-nav > li > a span {
    border-right: 1px solid #666;
    padding-right: 20px;
}

it might work with the definition :after
e.g.

.menu-item a span:after {
    content: "|";
    padding-left: 10px;
}

positioning is the next point . After li doesn’t work because of line-height definition

please give a link to your site

define a class for that anchor
<a class="abc" href.....>
and give that class the same definitions as p, perhaps you have to define text-decoration for the hover effect to none to remove the underlining

well this is css generated content – you can do that perhaps :

#advanced_menu_toggle:before {
    content: "menu" !important;
    display: inline-block;
    font-size: 18px;
    transform: rotate(-45deg) !important;
    transform-origin: 25% 50% 0 !important;
}

:lol
the rotation is for having more space in that little box.

if you want to change than the advanced_menu_hide:before
similar to above

you just have to look what page-id is given to your special site.
Than you can make some quick css e.g:

.page-id-207 p {
    color: #900;
}

same with h1 to h6

habt Ihr denn irgenwo an dem php-code rumgefeilt? weil wie gesagt das hier #aside ausserhalb von #main liegt bekomme ich via advanced Layout builder einfach nicht hin.

• This reply was modified 9 years, 10 months ago by Guenni007.

or is your desire to have a totaly transparent headet till you scroll down.?
than i guess you simply have forgotten to choose on these sites you mentioned the option of the transparent header.

why did you use a transparent png for obtaining the effect you want:

.header_color {
    background: rgba(181,7,10,0.8) !important;
}

the 0.8 is 80% transparent
and for your topmenu:

#top .av_header_transparency #header_meta {
    background: rgb(181,7,10) !important;
}

btw: you used in your new layout : Let logo and menu position adapt to browser window

• This reply was modified 9 years, 10 months ago by Guenni007.

now its clear what is the problem. It seems to be a footer element with green background under the Main Content but
please tell me how do you get out of main container the sidebar ?
Normaly it is in the main container.

PS : die Pampigkeit gehört hier nicht hin. Die Leute sind hier alle sehr schnell auch mit sehr praktikablen Lösungen. Manchmal muss man eben genauer beschreiben was da falsch ist.
wie gesagt das unten hätte genausogut der Footer mit Widgets sein können.

dein Quellcode:

so wird der bei mir in Enfold generiert:

• This reply was modified 9 years, 10 months ago by Guenni007.

well if the border-radius is bigger than half the size of your button the button will be a circle.
or you define the border-radius as 50% as you can see with standalone Icon
but it will be unpractical for buttons with different text-length

perhaps you can find the definitions in enfold/css/shortcodes.css

there you can find some animation definitions (cubic-bezier)

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    animation: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.075) 0s normal none 1 running avia_msonry_show;
}

perhaps a little css helps :lol: