it is the section with “Se connecter au corps” the three icons.
Try to insert a different background image – save your page – and then you can delete the background-image again – save again.
Eventually this will override the old entry

look to the page where it is non secure detected.
go into the editior of that page and open the color-sections – it must be a background image – or an overlay image.
Due to lack of a page link – i can not be more precise

by the way the new link would be: https://kriesi.at/themes/enfold-health-coach/files/2016/05/food-bg-3.jpg

this was the demo look:

see here: https://kriesi.at/documentation/enfold/change-the-footer-text-and-link/

add to your footer[nolink]

______________________

just for info:

you can redefine the backlink via functions.php of your child theme

function new_nolink(){
$kriesi_at_backlink = "<a href='https://custom-link'>Custom Backlink</a>";
return $kriesi_at_backlink;
}
add_filter("kriesi_backlink","new_nolink");

what php code is it ? form a plugin …
there are a lot of hooks implemented in enfold – sounds like the
ava_after_content will do the job and for including it only in portfolio pages an if clause like

if( is_singular('portfolio') ) { …. will make it

let it shortly open :
you can give a container more than one background-image

you can have here a look to what is possible ( it works with color-section too) : https://webers-testseite.de/multiple-background-images/

so you can do it via css to have the whole color-section a gradient and on top ( no-repeat) your 5-colored small line ( without the violett on the bottom) and set this image to contain !

I will give you a demonstration: https://webers-testseite.de/multiple-background-images/

on the bottom there is your color-section – if you shrink the window size you see that the small image with the colored fields is responsive and not cut of all color fields are seen !
the gradient is the other thing as described in the test page.
code for that colorsection (got id = confiance)

#confiance {
 background-image: url(/wp-content/uploads/bandeau_1920.jpg ) , -webkit-linear-gradient(left, rgb(88,87,90) 0%, rgb(110,99,140) 100%); !important;
 background-image: url(/wp-content/uploads/bandeau_1920.jpg ) , linear-gradient(to right, rgb(88,87,90) 0%, rgb(110,99,140) 100%) !important;
 background-repeat: no-repeat;
 background-position: left top,  center center;
 background-size:  contain, cover ;
}

or even better to have for that image a width of 100% and a static height:

#confiance {
    background-image: url(/wp-content/uploads/bandeau_1920.jpg ) , -webkit-linear-gradient(left, rgb(88,87,90) 0%, rgb(110,99,140) 100%);
    background-image: url(/wp-content/uploads/bandeau_1920.jpg ) , linear-gradient(to right, rgb(88,87,90) 0%, rgb(110,99,140) 100%) !important;
    background-repeat: no-repeat;
    background-position: left top, center center;
    background-size: 100% 20px, cover;
}

hm i do translate the pages / post the same way. i check duplicate and then change text and maybe images etc.
And that causes the lost of f.e colorsection background-colors ? or other style settings on that page –
On copy the content i thought that this was transformed too.

the thing is that my code implements allready the color section characteristics and settings with the container following
so only do the content of that color section in it

because if you have this structure without surrounding containers :

add_action('ava_before_footer', function() {
	echo do_shortcode("
	   here the shortcode from debug mode including the surrounding color-section
	");
});

that does not work

you have to only do the content in it – you can use container elements like 1/2 etc:

so to get your insertion shortcode create a new page with your layout you like to have in that section – but without color-section:
click to enlarge:

this code comes to :

add_action('ava_before_footer', function() {
	echo '<div id="last-section" class="avia-section main_color special-one"><div class="container">';
	echo do_shortcode("
		 here comes only the shortcode of the content of that colorsection in it 
	");
	echo '</div></div>';
});

PS the background-color has to be set via the id : last-section or the class: special-one

That it does not work with colorsection on that simpler code with no surroundigs has to do with their settings in it:
i think all alb elements that have this in their config:

function shortcode_insert_button()
			{
				$this->config['type']			=	'layout';
				$this->config['self_closing']	=	'no';

color-sections and tab-sections are not self-closing containers !
a grid-row f.e. will work with that code – and will not break the footer:

add_action('ava_before_footer', function() {
	echo do_shortcode("
	   here the shortcode from debug mode including the surrounding color-section
	");
});

see results on : https://webers-testseite.de/weber/

well i think if you gave to the surrounding container of that video the class: noLightbox
will do the job. But be carefull this is casesensitiv !

Dear Bakbek – i’m a Participant as you – i can help if i can see f.e. a testpage or a link.
If your website has to be secret for the public here, then you only have to wait for a mod.
For me it only works with the left: 50% rule – but i do not see your setup.

and by the way – try it without that plus sign between font name:
(you don’t need the italic fonts ?)

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:300,400,600,700,800&subset=latin-ext';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:300,400,600,700,800&subset=latin-ext';
return $fonts;
}

mobile devices will have on html the class: avia_mobile
so you can try this:

.avia_mobile #menu-item-search {
    display: none  !important;
}

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

i do not see the english version of firefox yet – just a moment:

try: alt cmd M – it is in Extras / Web Developer /

i wrote it in the topic above:

take the new code:

add_action('ava_main_header', function() {
if(wp_is_mobile()){
  echo '<div id="button-on-top">';
  echo do_shortcode("[av_button_big label='100% Donation Policy' description_pos='below' link='manually,https://mydonate.bt.com/events/unite4humanity/461708' link_target='_blank' icon_select='no' icon='ue800' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#b02b2c' color_hover='custom' custom_bg_hover='#106736' custom_class='' admin_preview_bg=''][/av_button_big]");
  echo '</div>';
}
});

and to have not the donate button on menu ( for those mobiles with bigger screen sizes as 768/990px : ipad, ipad2 etc on landscape view) put this in quick css:

.avia_mobile #menu-item-668 {
    display: none;
}

don’t forget the css in quick css:

#top #button-on-top  .avia-button-fullwidth {
    padding: 20px 0px;
}
#button-on-top .avia_iconbox_title {
    font-size: 20px !important;
}

and :

add_action('ava_main_header', function() {
if(wp_is_mobile()){
  echo '<div id="button-on-top">';
  echo do_shortcode("[av_button_big label='100% Donation Policy' description_pos='below' link='manually,https://mydonate.bt.com/events/unite4humanity/461708' link_target='_blank' icon_select='no' icon='ue800' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#b02b2c' color_hover='custom' custom_bg_hover='#106736' custom_class='' admin_preview_bg=''][/av_button_big]");
  echo '</div>';
}
});

you see the label= that is the text in the button
you see that in the code are custom_bg color and color_hover (hex-codes) so you can change yourself.

and if this fits for you – it makes no sense that you have on mobile this donate menu button:

.avia_mobile #menu-item-668 {
    display: none;
}

can you please insert this into functions.php of your child-theme:

add_action('ava_main_header', function() {
  echo '<div class="button-on-top">';
  echo do_shortcode("[av_button_big label='Donate' description_pos='below' link='manually,https://mydonate.bt.com/events/unite4humanity/461708' link_target='_blank' icon_select='no' icon='ue800' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#b02b2c' color_hover='custom' custom_bg_hover='#106736' custom_class='' admin_preview_bg=''][/av_button_big]");
  echo '</div>';
});

and this to quick css

#top .av-fullscreen-button .avia-button-fullwidth {
    border-radius: 0;
    padding: 30px 0px;
}

maybe this looks better even on desktop if it is on top