on layerslider it is easier to make a new slide – on top there is an option “duplicate slide”
it is where the slider tabs are on the right side of the window
after that change background image

so on code element it might be this for an image:

[av_image 
	src='https://home_url/wp-content/uploads/abc.jpg' 
	align='left' 
	link='manually,#popup-target4'
	overlay_opacity='0.4' 
	overlay_color='#000000' 
	overlay_text_color='#ffffff' 
	animation='no-animation' 
	custom_class='popup']
[/av_image]

<div id="popup-target4" class="white-popup mfp-hide">

	the shortcode of your popup window

</div>

well you see on the code element that it is a normal link with special link and class.
so on code element you even can use avia generated buttons – the only thing to think of is that the wrapper gets the class set on options dialog and not the a-tag.
So give to the avia button the class. popup

link='manually,#test-popup3'    -     is the link to the div with the popup info
custom_class='popup'      -    is the class the wrapper of the a-tag gets - 

so what to do is create an avia-button with all you like
insert in link your popup link ( #test-popup3 here)
give the button the custom class: popup

A shortcode of a button might see this way then ( i did this with line-break that you better can see the structure)

[av_button 
label='PopUp Button …' 
link='manually,#test-popup3'  
size='large' 
position='left' 
icon_select='yes' 
icon_hover='aviaTBicon_hover' 
icon='ue837' 
font='entypo-fontello' 
color='theme-color' 
custom_bg='#444444' 
custom_font='#ffffff' 
custom_class='popup' ]

so now we had to add the class to the anchor – the whole script is then:

function popup_script() { 
?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.popup .avia-button').addClass('open-popup-link');
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true
	});	
});
</script>
<?php }
add_action('wp_footer', 'popup_script');

see test-page: https://webers-testseite.de/elegant/team/

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

the first button only has a text-block pure in it
the second button has the shortcode from the constallation beneath ( 1/2 containers with one heading left – and one textblock right)
the class white-popup needs more css rules –
a display:table or flex helps:

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
    display: table;
}

and if you are working with columns in the popup window – it might be a good idea to have some responsive rules for it:

@media only screen and (max-width: 767px) {
.mfp-content .flex_column {
width: 100%;
padding: 10px !important;
margin: 0 !important
}
}

https://webers-testseite.de/elegant/team/

this is more or less in goods ( no googles-) hand
The bots do scan often but not so often as we like it when a new site is born.
On Google developer Site you can there for example submit a sitemap. And you can try to trigger a scan. Thats all.
The Rest is SEO – and there are alot of good plugins.

but first – not thinking of things you don’t have in your hand. Try to get familiar with wordpress first.
Setting up an individual Link in a WordPress menu is not a complicated thing – you only have to know where to find it.

see the red arrow – click on that fly out menu.
here are the admin options for the menu. Here you have the choice to mark the boxes you like to have on green arrow.
click to enlarge:

There is the individual link – insert in url a #
and the name you like beneath

there you can put in submenu links ( by the way a submenu link is place a bit more on the right side under the main menu link – you can reach it by dragging it with your mouse )

the child-theme comes with a lot of advantages. One big advantage is that all settings there will not be lost on parent theme updating.
The pre-build child-theme comes with an own functions.php file.
This is except of some comments in it at the beginning empty. most of the tips and hints here on board goes to that file.
functions.php is a very special file. On wordpress all other php files like ( header.php, footer.php, single.php, index.php etc.) are replaced by a file with the same name in child-themes folder. The child-theme functions.php contributes to the parent functions.php.
There are some functiions and codes which could force a overwriting of the parent rules – but this had to be special codes.
you see here at the documentation of enfold: https://kriesi.at/documentation/enfold/code-snippets/
f.e. if you like to change the logo on different pages : https://kriesi.at/documentation/enfold/change-the-logo-url-on-some-pages/
These changings stay active even if you are updating your parent-theme (enfold folder)
etc.

by the way you don’t need to drag&drop them from the window on the left side in filezilla
you can even drag&drop them from outside filezilla into the themes folder (zB from your desktop or download folder.

the white background is there but double lightbox is opening. see my hint above

Maybe this is a nice tip to all!
And should be printed above all –
As long as a page is in construction and not quiet ready for the public! – do not use caching tools or minimizer.
You always have to go and on each css code or functions.php editing you have to clear all cached datas.
Thats horrible.
After all styling and layout – the optimisation is the last you have to do.

im out now – try to delete the files as described – if there is no logo.png on that folder nothing could be done

what plugins are running to cache?
WP Fastest Cache – empty all cache and ! super-cache if there is one
have you bwp-minify installed

to proove my theory:
go to your folders via ftp and navigate to: wp-content/themes/enfold/images/layout and delete logo.png and logo_modern.png
you will see that these are the logos if Enfold logo dialog is empty.
or simply upload a logo file to Enfold – you will see that rules of display none will work

this is the entry in helper-main-menu.php line115
$output .= avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'span', true);

it is – if there is no logo upload the default one on that folder is set

did you change some settings via advanced styling?
we had here the case that someone inserted a color with two ## – and that leads to a conflict

have you made any changes to other css (custom.css etc.) ?

and even in your quick css there is no such rule ( i gave you twice )

yes that is in new 4.2

you can activate it via functions.php of your child-theme:

add_theme_support('avia_template_builder_custom_css');

are you using a child-theme ?
Than put it in your functions.php of your child-theme.

On edit mode of the alb element ( Masonry , Portfolio Grid, Magazine, Blog Posts … ) there will be an order option to choose

under custom css (if activated) there are
Custom Query Orderby
Custom Query Order

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