if these are a lot of pages – quick css code might be extensive
you can do it via functions.php of child theme too:

function different_header_appearance() {
	if( is_page( array( 42, 54, 6 ) ) ){
	  echo '<style type="text/css">
		.header_bg { background-color: #fff !important}
		#avia-menu .avia-menu-text { color: #25604a}
		.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text { border-color: #25604a !important}
	  </style>';
	}
}
add_action('wp_head', 'different_header_appearance');

how complex those if clauses can be see here:
if ( is_singular( 'event' ) || is_search() || is_category() || is_page() && !is_page(1307) || is_singular( 'portfolio' ) ) etc. pp.

maybe this is an alternative: i created a hr element with ID option ( in case of whitespace) – you can give the hr the height of 0 (Zero) and the function on the link will set the padding of the surrounding top parent-container to 0 (Zero)
So you can use this even with sidebar as an anchor link:

https://webers-testseite.de/edited-enfold-alb-elements/#hr-with-id

read the workaround on top ( for embedding child-theme shortcodes)

Well – first of all the landing pages and the other pages are transparent headers.
So the contact page is the one to turn vice versa ?
For transparent options on the other page you must have different rules again

For the logo you had to have the invers logo and to know on what pages this logo and the css underneath you like to have
for logo you can add this to functions.php of your child-theme:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if( is_page(21) ) {
    $logo = "http://www.domain.com/wp-content/uploads/logoforpage21.jpg"; 
        }
    elseif ( is_page( array( 42, 54, 6 ) ) ) {
    $logo = "http://www.domain.com/wp-content/uploads/logoforpage22.jpg"; 
        }
    return $logo;
}

you can do it with the whole bunch of conditional tags

for css you had to specify this rules to the pages you want them to be changed:

.header_bg {
    background-color: #fff !important;
}
#avia-menu .avia-menu-text {
    color: #25604a;
}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-color: #25604a !important;
}

and if you don’t like that the grid-row element is a full-width layout element see here: https://kriesi.at/support/topic/grid-row-not-fullsize-how-to/
there was a reason for doing it via an additional surrounding container. Making the grid-row smaller and positioning it in the center of the screen was easy – but it is hard to style than the background-color of the space left and right. (Mostly it will be no problem – a lot of users have white / white so no difference is seen. My workaround is for the other cases.

you see the difference on the last grid-row. which is only styled via:
https://webers-testseite.de/weber/aaaa/

.page-id-569 #av-layout-grid-3 {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 25px;
}

if you got a main color different to white – you have the troubles than.

on that link above you can see the nesting on the right grid as you like it.

maybe – best will be to give a custom class to all these iconboxes (your account, services, operations, co-op …)
i have set the selectivity for now via page id and color-section id

.page-id-76 #after_section_1 .iconbox {
    display: inline-flex;
}

.page-id-76 #after_section_1 .iconbox .entry-content-header {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

on smaller screens set back to display: block or do insert to the headings some soft-hyphens with &shy and ;
sorry board soft will immediatly change the entitie code even if placed in code so &shy with semicolon behind

the trick is that the code of ismael is absolutely right : but he has forgotten to mention that the one thing has to put globaly on top:

look on top of the google maps function on shortcodes.js:

// -------------------------------------------------------------------------------------------
// 
// AVIA MAPS API - loads the google maps api asynchronously 
// 
// afterwards applies the map to the container
// 
// -------------------------------------------------------------------------------------------

(function($)
{
    "use strict";
      var openedInfoWindow = null;

…

under the use strict that line: var openedInfoWindow = null; is missing in the info of ismael !

so :

on top of the avia map function

"use strict";

replace with:

"use strict";
var openedInfoWindow = null;

and:

google.maps.event.addListener(marker, 'click', function() {
                    infowindow.open(map,marker);
                });

replace with:

google.maps.event.addListener(marker, 'click', function() {
                    if (openedInfoWindow != null)
                        openedInfoWindow.close();

                    infowindow.open(map,marker);

                    openedInfoWindow = infowindow;

                    google.maps.event.addListener(infowindow, 'closeclick', function() {
                        openedInfoWindow = null;
                    });

                    google.maps.event.addListener(map, 'click', function() {
                        infowindow.close();
                    });
                });

see here working example: https://webers-testseite.de/weber/google-map-only-one-marker-open/

the border is that 1px border of color-section on default – you can get rid of it on color-section options page.

maybe you got a livelink? because tribe events got a lot of view possiblities with each single-event.php ( lists, day, month, etc)

and do not use the rule “lighter”
set font-weight to 300

body#top {
    font-weight: 300;
    font-family: 'Hind', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

__________________

Edit – here because topic is closed !

i think there has to be something wrong.

I do activate the hind font locally on a test page –
the 300er font-weight is a bit thinner than the 400.

Compare the justified text-blocks under “Leistungen” and “Scanservice”
https://webers-testseite.de/guenterweber/

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

have you a link to the site?

read the edit above i wrote something additional

but you should know that if you like to have it only for some css rules – the font isn’t activated till you use it in enfold options dialogs.
If you don’t want to use it as content font globaly – you can define it for example as h6 in advanced styling. this starts the activation of the font. the code above only makes it selectable in fonts choice.

after that you can define css rules with font-family : hind

the code above isn’t complete:

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

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