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 10 years, 5 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 10 years, 5 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 10 years, 5 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:

i put the flags to the top bar at the right (social icons at the right)
this is not so dominant – and it seems that WPML made it by itself if a topbar is present.

You find it at header/extra elements:

well the first one i see on your page ; try this:

#header_main_alternate.container_wrap {
    border-top: 0 none !important;
}

by the way.
I guess it would be better to choose a different header.
Logo in the center and Nav beyond. Because of the width from your nav its over the logo at small screens.