hm ?

you can see that example on nearly most of enfold pages that have longer content: the scroll-top link is a button that is in fixed positon.
Fixed positioning needs position values ( top, bottom, left or right)

so first give a custom-class or unique ID to that button element: in my case it is ID: fixed-button
f.e. to quick css:

#fixed-button.avia-button-wrap {
    position: fixed;
    left: 50px;
    bottom: 50px;
    z-index: 1050;
}

but my advice would be to place a button via button shortcode outside wrap_all container by child-theme functions.php.
There is a hook : ava_after_body_opening_tag that can be used for it.
( this is site-specific only for my testpage – adjust page-id to your needs):

add_action('ava_after_body_opening_tag', function() {
    if(is_page(457)){
      echo do_shortcode("[av_button label='fixed-button' icon_select='yes' icon='ue800' font='entypo-fontello' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='color_options_advanced' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='aqua' btn_custom_bg='#444444' btn_color_bg_hover='blue' btn_custom_bg_hover='#444444' btn_color_font='custom' btn_custom_font='#ffffff' id='fixed-button' custom_class='' av_uid='av-khd9fkov' admin_preview_bg='']");
    }
});

see here f.e.: https://webers-testseite.de/impressum/ left bottom corner

Layout – or similar :

give a custom class or in my case a unique ID to the color-section: fullwidth-content
then to quick css:

#fullwidth-content .container {
  max-width: 100%;
  width: 100% !important;
  padding: 0
}

#fullwidth-content .flex_column.first {
    width: 55%;
    padding: 20px 20px 10px 10vw;
    background: rgba(255,255,255,0.7);
    min-height: 150px;
    position: absolute;
    top: 20%;
}

see example page: https://webers-testseite.de/rmatus/

yes that is the normal way.

but if you had to change it on many pages / post all headings at once this will be the best and fastest way to do it.

@Nikko
https://kriesi.at/support/topic/how-to-remove-h3-in-slider-accordeon/#post-1202501

this was new to my – and a look to source code is right – the filter ( avf_customize_heading_settings ) is indeed part of this on line 875:

if ( ! class_exists( 'aviaccordion' ) ) 

if i use the filter i always took as victoria intends to do the context from the beginning:

if ( ! class_exists( 'avia_sc_slider_accordion' ) )

it seems to be a specific thing for accordion slider !

@mtrebbi the iconbox has on top of the alb source code:

if ( ! class_exists( 'avia_sc_icon_box' ) )

so context of the filter is : avia_sc_icon_box
only the title is set with conjuction to that filter – so this will be enough:

function my_heading_settings_for_iconbox( array $args, $context, array $extra_args = array() ) {
  if( $context == 'avia_sc_icon_box') {
    $args['heading'] = 'h1';            
    $args['extra_class'] = 'my-iconbox';  
  } 
  return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_heading_settings_for_iconbox', 10, 3 );

the extra_class you can set by yourself – it is only for additonal Styling Options.

sollte – wenn du auch die deutsche WordPress Version installiert hattest eigentlich automatisch so sein.
Sonst geh bitte und schau unter Dashboard – Settings – General nach ob du dort umstellen kannst. : “Site Language”
Wenn du dort nicht auf Deutsch ( Sie oder Du) umstellen kannst, musst du für WordPress die Sprachfiles nachinstallieren.

with custom-class on grid-row element : gridcontent-special

@media only screen and (min-width: 1510px) {
  .gridcontent-special .flex_cell.avia-builder-el-first {
    padding-left: calc((100vw - 1510px)/2 + 50px) !important;
  }
  
  .gridcontent-special .flex_cell.avia-builder-el-first {
    padding-left: calc((100vw - 1510px)/2 + 50px) !important;
  }  
  
  .gridcontent-special .flex_cell.avia-builder-el-last {
    padding-right: calc((100vw - 1510px)/2 + 50px) !important;
  }  

  .gridcontent-special .flex_cell.avia-builder-el-last {
    padding-right: calc((100vw - 1510px)/2 + 50px) !important;
  }
}

@media only screen and (max-width: 1509px) {
  .gridcontent-special .flex_cell.avia-builder-el-first {
    padding-left: 50px !important;
  }
  
  .gridcontent-special .flex_cell.avia-builder-el-first {
    padding-left: 50px !important;
  }  
  
  .gridcontent-special .flex_cell.avia-builder-el-last {
    padding-right: 50px !important;
  }  

  .gridcontent-special .flex_cell.avia-builder-el-last {
    padding-right: 50px !important;
  }
}

for my setting 1510px and 50px setting on Grid-Cell padding overall:
( Sorry this for my page id specific – remove it or replace it to your IDs – or even better give to the grid-row a custom-class )

@media only screen and (min-width: 1510px) {
  .flex_cell.avia-builder-el-first {
    padding-left: calc((100vw - 1510px)/2 + 50px) !important;
  }
  
  .flex_cell.avia-builder-el-first {
    padding-left: calc((100vw - 1510px)/2 + 50px) !important;
  }  
  
  .flex_cell.avia-builder-el-last {
    padding-right: calc((100vw - 1510px)/2 + 50px) !important;
  }  

  .flex_cell.avia-builder-el-last {
    padding-right: calc((100vw - 1510px)/2 + 50px) !important;
  }
}

@media only screen and (max-width: 1509px) {
  .flex_cell.avia-builder-el-first {
    padding-left: 50px !important;
  }
  
  .flex_cell.avia-builder-el-first {
    padding-left: 50px !important;
  }  
  
  .flex_cell.avia-builder-el-last {
    padding-right: 50px !important;
  }  

  .flex_cell.avia-builder-el-last {
    padding-right: 50px !important;
  }
}

see: https://webers-testseite.de/grid-row-layout/

the 1/1 Container shows you the standard of 1510px width on my setting.

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

Kann sein, dass du
a) das Merging der css und js files: Unter Enfold / Leistung: “Alte CSS- und JS-Dateien löschen?” erneuern musst
b) den Browsercache refreshen musst #
und c) natürlich darfst du nicht erwarten, das alt angelegte Layouts sich dadurch verbessern.
– es werden nur neu erstellte Texte beeinflusst.

welche p tags stören dich? manchmal werden nämlich auch lästige leere p-tags erstellt.
da gäbe es eine Lösung für.

you can try to have here a flexed container – and the li’s as flex-items.
Try on quick css:

#avia-menu {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
}

this could end up in a multi line menu – but i guess the hamburger state will be effective before that happens

the layout itself is not so hard to style – but the dot-navigation on the left ( or right) it is a bit more complex.
See here with a lot of code: https://webers-testseite.de/pureinstall/dot-navigation-with-colored-sections/
Mine has the active section as title and on hover the others

mir würde schon reichen, wenn du eine analoge Seite in den Demos verlinken könntest.
z.B. sowas hier: https://kriesi.at/themes/enfold-shop/shop/
da dort viele der drüberliegenden Container mit overflow: hidden gesetzt sind müsste man das aufheben um den ja aussenliegenden Schatten zu sehen.

div .products .product a,
.product .inner_product,
.product .thumbnail_container, 
div .products .product a img {
  overflow: visible;
}
.woocommerce-LoopProduct-link:hover .attachment-shop_catalog {
  box-shadow: 2px 2px 8px #888;   
}

oder man gibt dem entsprechenden Container der den Schatten hat soviel margin, dass der Schatten wieder innerhalb desselben liegt:

.woocommerce-LoopProduct-link .thumbnail_container {
    margin: 10px !important;
}

.woocommerce-LoopProduct-link:hover .thumbnail_container {
  box-shadow: 2px 2px 8px #333;
  transition: all 0.3s ease;
}

maybe this little snippet in child-theme functions.php helps you to have on body (#top) the page/post name as new class:

function add_slug_body_class( $classes ) {
global $post;
  if ( isset( $post ) ) {
    $classes[] = $post->post_type . '-' . $post->post_name;
  }
  return $classes;
}
add_filter( 'body_class', 'add_slug_body_class' );

f.e.
a page “Contact” will have then the class at body: page-contact
a portfolio “news” will get portfolio-news
etc.