what does your Safari (version 11.0.2) on a Macbook Pro with OS Sierra version 10.12.6 show on my test page ?
Same bug?

here is an online generator to make the css rules : Link
i don’t know what you mean by row – one easy way is to give it a custom class.
As a background-image definition it lays over the background-color

if you got the code f.e.:

.custom-class {
background-image: -ms-linear-gradient(top, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
background-image: -moz-linear-gradient(top, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
background-image: -o-linear-gradient(top, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(30,87,153)), color-stop(100, rgb(125,185,232)));
background-image: -webkit-linear-gradient(top, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
background-image: linear-gradient(to bottom, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
}

see here: https://webers-testseite.de/background-gradient/

is the 65 px the starting header height? because i have made some shrinks from 150 to 1px – and this works too!

Essentially, 2 files are responsible for this (avia-builder.js and columns.php). And to add a little css code. Funnily, there are f.e. in grid.css up to 1/10 div instructions.
Allthough it is an existing png for sixth columns there you have to create an own sc-sixth.png

All these files are in config-templatebuilder folder.

i placed a fixed element on an enfold page (see private content)
but allthough i did place the correkt link with ?iframe=true option – the film does not start as expected.
The link gets on default the class as usual mfp-iframe ( i guess the trigger) but no modal window opens

maybe this way:

function after_head_image_func(){
	echo "<div class='custom_content'><a href='tel:+12345'><img src='//homeurl//wp-content/uploads/2018/01/telephone.png'></a></div>";
	echo "<div class='custom_content2'><a href='mailto: (Email address hidden if logged out) '><img src='//homeurl//wp-content/uploads/2018/01/email.png'></a></div>";
	echo "<div class='custom_content3'><a href='url' target='_blank'><img src='//homeurl//wp-content/uploads/2018/01/zl-group.png'></a></div>";
}
add_action('ava_after_main_menu', 'after_head_image_func');

remove the blank target if you like

i will go back for some customers to 4.12 allthough the burger-menu is not perfect there.

https://kriesi.at/support/topic/enfold-4-2-1-and-videobackground-no-improvement/

i posted it allready a few minutes earlier. – if you like you can close mine and we continue here.

The point why it is so important that self-hosting works too – is that i don’t like surprisings for my customers. If video is gone on youtube or a different video is shown instead etc. pp .
And i don’t like the slow start with a black background beginning.

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

can you post that with code function here – if you use that little “code” tag above the code is visible at all without beeing changed by board soft.
Or do you like to have the link on the whole inner content?

you can use than: <div class="custom_content"><a href='#' target='_blank'>Custom Content</a></div>

so how to use: click code on top of the editor window – insert your code and press after that the closing code tag
or insert your code – activate the whole code with your mouse as if you like to copy it – press once the code button.

can not confirm this – on my installation – even if on top in the url window a different tab is opend-
i can open the another tab even over menu link.

By the way this to functions.php of your child-theme – to have customised tab hashes:

add_theme_support('avia_template_builder_custom_tab_toogle_id');

can you post the code you inserted in functions.php ?
if you want to obfuscate your url set in f.e. //homeurl/… or something like that

yes this will work – if you like to have a real widget you can do this to
functions.php of your child-theme:

function social_bookmarks_register_widget() {
register_widget( 'add_social_bookmarks' );
}
add_action( 'widgets_init', 'social_bookmarks_register_widget' );

class add_social_bookmarks extends WP_Widget {
public function __construct() {
  $widget_ops = array(
    'classname' => 'socialbookmarks-widget', 
    'description' => __('A widget that displays the social bookmarks', 'avia_framework') 
    );
  parent::__construct( 'add_social_bookmarks', THEMENAME.' Social Bookmarks', $widget_ops );
}

public function widget( $args, $instance ) {
  $title = apply_filters( 'widget_title', $instance['title'] );
  echo $args['before_widget'];
  //if title is present
  if ( ! empty( $title ) )
  echo $args['before_title'] . $title . $args['after_title'];
  //output
  echo $before_widget;
  $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
  echo avia_social_media_icons($social_args, false);
  echo $after_widget;
}

public function form( $instance ) {
  if ( isset( $instance[ 'title' ] ) )
  $title = $instance[ 'title' ];
  else
  $title = __( 'Social Bookmarks', 'avia_framework' );
  ?>
  <p>
  <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
  <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
  </p>
  <?php
}

public function update( $new_instance, $old_instance ) {
  $instance = array();
  $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
  return $instance;
}
}

and this to quick css:

#top .socialbookmarks-widget .social_bookmarks {
    float: left;
    margin: 15px 0 0 ;
    position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
    float: left;
    clear: right !important;
}

you will have than a social bookmark widget.
it shows all of your scocial bookmarks from the options dialog of enfold. – You have the choice to give it a heading like on every other widget .

see here in footer : Link