dort wo du die Layerslider machst, siehst du unten den shortcode.

den kannst du auf die Seite mittels code block element setzen ( es reicht wenn du den ganz unten in deinem Layout platzierst)

Klicken zum Vergrößern

see here: https://webers-testseite.de/a-post-with-a-popup/

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

by the way :

clean copy of the theme and overwrote the folder

this could be a problem – because on the mentioned above.
Sometimes developers had to change some names or hierachircal structures to take WordPress Updates into account.
This could cause in the best case only some dead files.
Don’t know why these subfolders are now on shortcodes but – there must be a good reason on it.
If you will overwrite the folder via ftp the f.e. buttons.php will remain in shortcodes folder and the new subfolder buttons will come additionally to it.
Don’t know if this could cause problems – but it might be.

the most comfortable and the most flexible way might be to have two sites :lol
if you like to have only one enfold installation you can reach that via multi-site installation – but this is more or less something for techy-guys.
see here a customer of mine ( it would be possible to have on the one page a left navigation on the other a top one, different logos , different menus etc. pp) Espacially the backup of those pages is a bit more complicated than normal situtation. ( https://naturleben-rheinland.de )
You will have on that case with one Enfold installation two pages with different Enfold Options to setup!

So starting from a normal WordPress / Enfold installation there are different approaches to solve your problem.
if you see this test-environment of mine : https://webers-testseite.de/ click on contact or impressum to see that you can have all kind of headers in one installation by this code if you only want some pages to be different:

to functions.php of your child-theme

add_filter('avf_header_setting_filter','av_change_header_style');
function av_change_header_style($header)
{
    if( is_page('332') ){
        $header['header_position'] = "header_right header_sidebar";
    }
    return $header; 
}

if you like to decide it for each page/post

add_filter('avf_builder_boxes', 'register_meta_boxes', 10, 1);
function register_meta_boxes($boxes){
    $boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page' , 'post' , 'portfolio' ), 'context'=>'side', 'priority'=>'low');
return $boxes;
}
add_filter('avf_builder_elements', 'register_meta_elements', 10, 1);
function register_meta_elements($avf_builder_elements){
  $avf_builder_elements[] = array(
    "slug"  => "layout",
    "name"  => __("Menu and Logo Position", 'avia_framework'),
    "desc"  => __("You can choose various different logo and main menu positions here", 'avia_framework'),
    "id"  => "header_layout",
    "type"  => "select",
    "std"   => "",
    "subtype" => array( __('Logo left, Menu right', 'avia_framework')   =>'logo_left main_nav_header menu_right',
              __('Logo right, Menu Left', 'avia_framework')   =>'logo_right main_nav_header menu_left',
              __('Logo left, Menu below', 'avia_framework')   =>'logo_left bottom_nav_header menu_left',
              __('Logo right, Menu below', 'avia_framework')  =>'logo_right bottom_nav_header menu_center',
              __('Logo center, Menu below', 'avia_framework')   =>'logo_center bottom_nav_header menu_right',
              __('Logo center, Menu above', 'avia_framework')   =>'logo_center bottom_nav_header top_nav_header menu_center',
              ));

return $avf_builder_elements;
}

( comment: nav on top – logo under it – had to be corrected a bit with more css – the others will work immediately with given settings)

you will than have on editor of page post on the left the choice to set up header style

different colors are done via quick css
differnet menu maybe Mikes Plugin will help you than

thanks vinay thats what i mentioned with:

that will be the best start : try to give the images a unique Appearance.

sorry for that bad english – its not what i try to say: try to give the pictures the same outer size.

but sometimes the users not even have a good image processing program.
It is allmost better to optimize the images for the intended use. ( on perfomance reasons too)

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)