a realy good 1,2,3 solution :https://kriesi.at/support/topic/adding-custom-social-icons-3/#post-934964
;)

The real good documentation is here and the solution too: https://kriesi.at/documentation/enfold/social-share-buttons/#gist85414748

so you can even take a coloured png file for that !
or you can take one of these: https://www.google.com/search?q=Google+Plus&client=firefox-b&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi-h67lptndAhUHyaQKHT5YAB0Q_AUIDSgE&biw=1722&bih=1117

i open a new topic for interesting people soon …
for those who misunderstand the topic too – like me. https://kriesi.at/support/topic/second-widget-line-in-footer/

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

Well that is an enfold page – and that nice creator has no merging!
so it is a bit easier to look what he had done.
most of the rules are in his custom.css :

/* SLIDER STYLES */
.slideshow_caption{
	width: 55%;
    padding: 50px 0 50px 50px;
}

.slideshow_inner_caption {
    width: 50%;
}

.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title,
.avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{
	background: rgba(255, 255, 255, 1);
	margin: 0;
	padding: 20px 30px;
	line-height: 22px;
	text-align: left
}
.caption_framed .slideshow_caption .avia-caption-content p, .avia-caption .avia-caption-content p{
	background: rgba(255, 255, 255, 0.9) !important;
	font-size: 18px;
    width: 100%;
}
.caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-title{
    width: 100%;
    font-size: 28px;
	line-height: 32px;
}
.avia-slideshow-dots a{
	border-radius: 0;
	border: 1px solid #FFFFFF;
	background: none;
	margin: 0 2px;
}
#top .avia-slideshow-button{
	border-radius: 0;
	text-transform: none;
	font-size: 14px;
	font-weight: 400;
}
.caption_framed .slideshow_caption .avia-caption-content p, .avia-caption .avia-caption-content p {
    line-height: 24px
}

but i think the first rule you don’t need – the inner_caption makes it.

see result here: https://webers-testseite.de/slideshow-with-captionstyling/

it is always better to see a page than a screenshot.
if you got a grid-row – you can force it to be the same way as a normal container.
I use this often when i want to have nested containers.

give to the grid-row a custom class: grid-notfull
do this to your functions.php of your child-theme:

function grid_layout_notfull(){
?>
<script>
(function($){
    $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize"></div>');
    $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
    $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 20px"});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'grid_layout_notfull');

you have to adjust this line to your settings:
$('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 20px"});
( the padding depends on the inner padding of the grid cells (on default it is 30px – so to come to the 50px left right … )
you see what it does: it wraps the grid-container with a div that has the attributes of a color-section.
it has on that the background-color on default from main_color – you can overwrite that with css

I’m not sure what you want to achieve.
Do you have a link where I can have a look?

do you mean by back button the darkend background besides the lightbox?
there are alot of parameters you can set – but i have no clue what you try to achieve.
http://dimsemenov.com/plugins/magnific-popup/documentation.html#key

you can f.e. influence the
closeOnBgClick
by : false ( Close the popup when user clicks on the dark overlay )

i am a participant here like you, and i actually look regularly at the posts i have responded to, but sometimes contributors also take a lot of time to modestly express their positive or negative contribution. ( In most cases, however, only negative feedback is given. )
That was not the case with you now, but there was a positive feedback, so I thought the case was done.

this is something i really miss about the board software here: private messages.
this would be very easy to solve if he could send me a message

these edited Alb elements gave you the ability to set up the h tag selection in the Alb element itself.
If you want alway to replace all headings the whole site you can use this for replacing tags

function replace_tags_with_tags(){
?>
<script>
  (function($) {       
      function replaceElementTag(targetSelector, newTagString) {
        $(targetSelector).each(function(){
          var newElem = $(newTagString, {html: $(this).html()});
          $.each(this.attributes, function() {
            newElem.attr(this.name, this.value);
          });
          $(this).replaceWith(newElem);
        });
      }
    
      replaceElementTag( '.avia-slideshow.av_fullscreen h2.avia-caption-title' , '<h1></h1>' );
    
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_tags_with_tags');

this code preserves all original attributes of the tag you want to replace and tranform it to the new surrounding tag.

you can add more than this in the code semicolon separated
just add it in this manner: replaceElementTag( 'tag to replace' , '<new tag></new tag>' );

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

what do you believe could the answer be when your video got a16/9 aspect ratio? ;)

a good approximation might be: 281px

i changed on headline_rotator.js the line 83ff to :

//mark text
_self.$current.css('background-color', 'transparent');

i think this would be a better look