by the way: if you only want to have it on a special color section set a customclass for it: ( class: bottom-text) means give the custom-class to the color-section – not the entries

did you read it carefully:

if you only want to have it on a special color section set a customclass for it: ( class: bottom-text)

http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

and i have in the color-section no container in it but only a text alb element set.
If you have in it a heading (you have to correct this now) – but on starting thread you write a text-block

• This reply was modified 9 years ago by Guenni007.

here is the fontello font i created: http://webers-testseite.de/ikom/simple-icons.zip

vielleicht einen Link zu deiner Seite . dann können auch die nicht Mods dir helfen.

i dont know if this is 50px (guess it is aprox 80px) – but maybe it is ok for you if you setup a colorsection – 100% height – and a textblock in it.
and choose:

.avia-section.av-minimum-height .container .content {
    vertical-align: bottom !important;
}

see here: http://webers-testseite.de/ikom/colorsection100/

if you take away the margin from p tag in that color section its nearby 60px distance

.avia-section .container .content p {
    margin: 0 !important;
}

These are global rules if you only want to have it on a special color section set a customclass for it: ( class: bottom-text)

.avia-section.bottom-text .container .content {
    vertical-align: bottom !important;
}

.avia-section.bottom-text .container .content p {
    margin: 0 !important;
}

on class-form-generator.php there is this required set in two different ways – the one by an extra element with class required for the case of not hiding labels.
the second is to set a string $extra="*" this is set 4times and if you like to change you can insert for example $extra=" "
maybe there is a fast way over functions.php of the child-theme to set a variable globaly to a value

well as i said
just a fullwidth slider with custom-class (in my case: customclass)
and only your text in one button (from slider dialog)
the rest is css: (the last three rules are to setup your font and other stiles ):

.customclass .avia-slideshow-button::after {
    content: url("/lodders/wp-content/uploads/2016/11/excell-icon.png");
    display: inline-block;
    height: auto;
    padding: 0 0 0 10px;
    position: absolute;
    top: -30px;
    width: 40px;
}

#top .customclass .avia-slideshow-button.avia-color-light {
    background-color: #b7c84b !important;
    font-size: 15px;
    font-weight: normal;
    padding: 12px 80px 12px 16px !important;
}

.customclass div .slideshow_caption h2 {
    font-style: italic;
    font-weight: bold !important;
    text-transform: none;
}

.customclass .slideshow_caption {
    width: 100%;
}

.customclass .avia-caption-content {
    font-weight: bold;
}

so you have the installation too here in a subfolder.
so link to your image must be different

/lodders/wp-content/uploads/2016/11/excell-icon.png

.page-id-16 .customclass .avia-slideshow-button::after {
content: url("/lodders/wp-content/uploads/2016/11/excell-icon.png");
display: inline-table;
height: auto;
padding: 0 0 0 10px;
width: 30px;
}
#top.page-id-16 .customclass .avia-slideshow-button {
display: inline;
height: 50px;
top: 30px;
}

.avia-button.avia-size-x-large {
    font-size: 15px;
    text-align: left
}

but there are strange things in that slider – where can i choose an x-large button on that sliders ?
i think here is the place a mod must help you with admin account .
no chance to see from outside what you have done there – sorry

• This reply was modified 9 years ago by Guenni007.

what kind of slider did you take – because where does the span come from?
And why are you using 2 buttons i thought the image was your need – not a second button.

can you please only insert in that buttonfield the text and remove the img tag.

well you will have a different page id !!!
i can not see your site !

the situation is that you have an image (that little excel icon) this is not part of a fontello iconset ( there are some alternatives with black and white excel icons))

give a custom class to the fullwidth-slider (for example: “customclass”) – (i have tested it on a enfold playground and page id was 3437)

.page-id-3437 .customclass .avia-slideshow-button::after {
    content: url("/wp-content/uploads/excell-icon.png");
    display: inline-table;
    height: auto;
    padding: 0 0 0 10px;
    width: 30px;
}
#top.page-id-3437 .customclass .avia-slideshow-button {
    display: inline;
    height: 50px;
    top: 30px;
}

webers-testseite.de/ikom/image-in-slider-button

but than the button stops moving

we only can reach the moving if your excel icon is in that frame!

if you let this at inline-block the animation is ok:

#top.page-id-3437 .customclass .avia-slideshow-button {
    display: inline-block;
}

try first only to set the rights to the config.php
if that does not help yes triy that

if this (777) helps afterwards you can set the folder permissions back to normal 750 and the file permission to 640 and test that.

did you prove the user permissions of your installation?

The folder /wp-content/uploads/dynamic_avia (quick css and others)
and /wp-content/uploads/layerslder (if you installed preformated Layersliders) and
/wp-content/themes/enfold/config-layerslider (nomen est omen) has to be writeable.
You can proove that on setting them (including content folder and files) for that moment to 777

i think particularly the /wp-content/themes/enfold/config-layerslider/config.php has to have 640 (at least)

this tip seems to me very familiar:

https://kriesi.at/support/topic/icon-packs/