how did you manage that with enfold options?
this is logo left menu below? and how did you manage to show those social icons on that place?

Or is it main menu with only social icons
and a “main navigation” with submenu ?

btw:
add this to your child-theme functions.php :

function avia_add_custom_icon($icons) {
    $icons['phone']  = array( 'font' =>'entypo-fontello', 'icon' => 'ue854');
    return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
    $icons['Phone'] = 'phone';
    return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

than you have the opportunity to choos on the bottom of that social icon list Phone.

you can try this first on quick css:

html * {
    font-family: "Ubuntu","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
}

but there are a lot of inline css rules on enfold if you are working with alb (advanced layout editior)
you than have to define an additional rule for that!

f.e.

#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong {
    font-weight: 300 !important;
}

i do not know if it is possible to map the 300 weight with the “normal”

add this here to your child-theme functions.php:

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Ubuntu'] = 'Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Ubuntu'] = 'Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic';
return $fonts;
}

than you shoud have the choice on enfold options page – font to choose your Ubuntu (it is added at the end of the google fonts list on enfold )
400 is the normal font-weight so i think you should not have the need to change something than.
The rest is perhaps some quick.css (f.e. if you need the headings on 400 too – goto Enfold Options “Advanced Styling” and generate a rule for h1, h2, h3, h4, h5, h6 etc.)

the code of your link above does work too – i tested it on my testenvironment (but perhaps you give it a second choice) without the uncommenting lines:

add_image_size( 'bigger-square', 250, 250, true );
add_filter( 'image_size_names_choose', 'my_custom_sizes' );
function my_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'bigger-square' => __( 'Bigger Square' ),
    ) );
}

the point is that on uploading an image WordPress generates those given sizes and stores it under the known names.

it only is in the dropdown list if the image has that calculated size – so have a look after you have done the resize thumbnails and see again

(PS : you have to mark those images you want to be resized )
the force regenerate thumbnails has the advantage that the old images are erased and newly calculated.
So if you change perhaps the wordpress media dimensions the old ones are erased and did not waste memory on your server.

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

if you don’t like it as a number see here
on my test environment http://webers-testseite.de/ikom/

code is on that:

#menu-item-2836 a[href^="tel:"]::before {
    content: "\e854";
    font-family: entypo-fontello;
    font-size: 25px;
}

#menu-item-2836 span {
    display: none;
}

#menu-item-2839 .avia-menu-text > img {
    position: relative;
    top: 10px;
}

Dashboard – Enfold (or Enfold Child) – Header – Extra Elements – Header Phone Number/Extra Info ( choose left or right as you like it)

well to me it works nice – but you have to know that this will only have an effect for newly (after that functions.php entry) uploaded Images !
But if you want that every image in your media library gets the new format than there are some nice plugins to solve this with one klick (Regenerate Thumbnails f.e.)

first of all it might be nice to have here a unique custom class for that icon – because the rules is easier to keep specific with that.
So please give it a class (maybe: “telecharger”) that i try to give you a piece of code which might help you .

you mean something like this:
try to insert it into your quick css:

#menu-item-3289 a::before {
    content: "\e805 \00a0 ";
    font-family: entypo-fontello;
    font-size: 20px;
    position: relative;
    top: 3px;
}

#menu-item-3287 a::before {
    content: "\e806 \00a0";
    font-family: entypo-fontello;
    font-size: 20px;
    position: relative;
    top: 3px;
}

#menu-item-3288 a::before {
    content: "\e80a \00a0";
    font-family: entypo-fontello;
    font-size: 20px;
    position: relative;
    top: 3px;
}

btw: you should change font color of top nav :

#header_meta .sub_menu li a {
    color: #fff !important;
}

does any other rule in your functions.php of your child-theme work?

maybe there is some closing instruction of the rules before missing.

add_filter or add_theme_support each ends with a “;”
a function does not! – so here is an example:

add_filter('avf_logo_alt', 'avf_change_logo_alt');
function avf_change_logo_alt($alt) {
	 $alt = "New Alternate Text Here";
	 return $alt;			
}

(btw. this is the method you can change the alt text of your Logo)

so you see add_filter with semicolon
function not after the bracket

is this your output you want?
http://webers-testseite.de/ikom/

or a little transparent:

.home #header_meta {
    background: rgba(0, 50, 150, 0.8) none repeat scroll 0 0 !important;
}

the 0.8 are 80% Opacity

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

if you don’t like to make a general changing you might better give this alb element on your page a custom class
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

f.e. : rotator-bg

than try to add to quick css :

#top .rotator-bg  .av-rotator-container-inner {
    background: rgba(255, 255, 255, 0.5) ;
    border-radius: 100px;
    display: inline-block;
    padding: 30px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    box-shadow: 2px 2px 4px #333 inset;
}

there is a bit more styling in it to show you whats possible

see here in the green field: http://webers-testseite.de/ikom/neue-seite/

Centering the container :

.rotator-bg {
    text-align: center !important;
}

try to explain more precise what you want to achieve.

Btw. it is much easier if we have your testing page.

The changings should only affect the homepage – everything is fine on your other pages with your actual settings ?

the transparency of #header_main_alternate in which the main navigation is placed is in the header container (at the bottom of the header container)
so if this main navigation including container is transparent the background color of header is visible. !

you can try this:

.home #header_main_alternate {
    background: rgba(255, 255, 255, 0.5) ;
    bottom: -50px;
    position: relative;
}

now the main nav sits under the header not over it. But does it realy look good?
look here if this is what you mean: http://webers-testseite.de/ikom/

try it in this way:

.header-scrolled #header_meta {
    background: #080  !important;
}

the header-scrolled class is added at the end of the scrolling process – so this is i think what you want
the transparency of the top menu until scrolling comes to an end.

maybe you have to make some rules for your listpoints in the top bar.

by the way – by using an rgba value you had the choice to make it a bit tranparent with a unique color:

.header-scrolled #header_meta {
    background: rgba(255, 150, 50, 0.5)  !important;
}

you can see it here: http://webers-testseite.de/ikom/neue-seite/