it is much easier to investigate if we have a link to your site

there is a good documentation : http://kriesi.at/documentation/enfold/using-a-child-theme/

in the green note box there is the download of a pre-built child-theme you can use for that.
1) just upload that enfold-child folder via ftp to your themes folder (adjacent to enfold folder).
2) activate the child-theme on dashboard – appearance
3) goto Dashboard – Enfold Child – Import/Export
4) and “Import Settings from your Parent Theme”

* 5) don’t know if it is necessary to copy/paste the quick css to enfold-child

so now you are prepared to have all the good snippets here from board.

@Mike : and how did he get rid of the top nav and social icons?
the whole header-meta is gone (not display:none) it is absent

to have the opportunity to change header layout for each page/post you can register a meta box for that :
see here for nearly each page: https://webers-testseite.de
oh no – I think some code should belong to me :lol :wink
Sorry

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

What do you realy mean by “changing color of font” – or did you change that “Select a predefined color scheme” on General Styling on Enfold Options – then a lot of colors do change imediately and at the same time.

click to enlarge:

and maybe you like the shadow and the border a bit more bigger and in the blue of the headings:

.search-result-counter {
    box-shadow: 0 0 5px 0 rgba(9, 93, 161, 0.6);
    border: 2px solid #095DA1 !important;
}

but btw. what did you do with the headings – normaly it is usefull to have a link to the found pages/posts of search.

see my site above – i changed it to secondary menu
left hand phone and extra info
right hand your link target is new window or tab – and than the social icons.

if you press on Members Login/Sign Up a new site is opend

so where do you link to?
from the site to the site makes no sense? you said that you link to a login page – what is the url of it?

you see my example above:

<a href="https://webers-testseite.de/wp-login.php" target="_blank">Member Login/Sign-Up</a>&nbsp;&nbsp;&nbsp; Fon: +49 228 9768293

it links to the wordpress login area. If you have a different login page tell me where?

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

<a href=”http://hylandgraphics.com” target="_blank">Member Login/Sign-Up</a>

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

well you can make your own “social icon link” by doing this to your functions.php of your child-theme:

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

function avia_add_custom_social_icon($icons) {
    $icons['Login'] = 'login';
    return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

after that you got on enfold – social profiles in the list at the bottom “Login” on the right you can enter a link to whatever you like.

unfortunately the entypo-fontello has no lock icon – to make it perfect you can create your own fontello font and upload it to enfold.

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

have a look to the example page now – this is only your header layout with your logo and the avia.js changings without css – because
navigation is in the case of nav under logo in header_main_alternate and not in header_main.

so we now can shrink the logo to (nearly) nothing (in my example it is 1px) – it works with logo centered menu below too!
the values to change depends on your logo size you inserted ! I reconstruct your logo to have it a bit bigger 600px x 120px
so i set up the initial header size to 120px.

go and get your avia.js from enfold/js/ folder overwrite lines (if you got the latest enfold):

old 1553:    if(st < el_height/2) 
new 1553:   if(st < el_height/1.008)

1.008 = 120/119 (119px you have to scroll till you reach the endpoint height of 1px)

and

old 1565:   newH = el_height/2;
new 1565:  newH = el_height/120;

initial height was set from me to 120px – the endheight should be 1px so it is 1/120

upload that edited avia.js file to the folder: enfold-child/js/ and add to your functions.php file of the child-theme (via dashboard – design – editor):

add_action( 'wp_enqueue_scripts', 'wp_change_aviajs', 100 );
function wp_change_aviajs() {
   wp_deregister_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}

thats all !

by the way : if you like to change it in avia.js you can have your avia.js in child-theme js folder and do activate this :

add_action( 'wp_enqueue_scripts', 'wp_change_aviajs', 100 );
function wp_change_aviajs() {
   wp_deregister_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}

btw with page it is as you say page-id-123

do not forget the css above to quick css (remove the other things you inserted concerning to that issue)

#cta.container_wrap {
    background: #f8f8f8 none repeat scroll 0 0;
    border-top-color: #dedede;
}

#cta .container {
    font-size: 36px;
    color: #555;
    padding: 20px;
    text-align: center;
}

Try to make you familiar with using developer tools of your browser. In former times only a little plugin called firebug and firefox are good enough to show you all information about the source code.

click to enlarge:

nowerdays nearly all (safari likes to aktivate its developer tools) browsers have it implemented.
Mostly you can have information by right-mouse button (context menu) and choose something like “examine the element” on my firebug it looks this way f.e.

i have my mouse over your nick here “AlfredoS” on board – using now my firebug opens a new window with on the left html-structure and on the right css rules concerning to that element. On top the more specific – on the bottom the inherited rules .
So here we see you nick here on board is an anchor with class bb-author-name – on the right you see that font-size is 12px and line-height is 16px

scrolling on left window-part (html-structure) to top we see that this body has the ID=top and the class is : postid-836358

etc. pp no magic just reading what happens on the code