besides the possibility to set it directly in the element itself:
(here an example with screen-width less than a given value)

you can manage it by quick css too:
(you only missed to select the p tag inside your selector)

@media only screen and (max-width: 767px) {
  #top .av-special-heading .av-subheading p {
    font-size: 24px
  }
}

f.e.:

input[type="checkbox"]:not(:checked), 
input[type="checkbox"]:checked {
    position: relative;
    pointer-events: none;
    opacity: 0;
    width: 3.4rem !important
}

.input_checkbox_label .required {
    position: relative !important;
    left: 0 !important;
}

input[type="checkbox"] ~ label {
    position: relative !important;
    display:  block;
    min-height: 2rem !important;
}

input[type="checkbox"] ~ label::before {
    position: absolute ;
    display: block !important;
    content: "";
    top: 0;
    left: 0 !important;
    width: 3.0rem !important;
    height: 1.6rem !important;
    pointer-events: all;
    border-radius: 0.8rem;
    background-color: #fff;
    border: #adb5bd solid 1px;
}

input[type="checkbox"] ~ label::before {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

input[type="checkbox"]:checked ~  label::before {
    color: #fff;
    border-color: #adb5bd;
    background-color: #fff;
}

input[type="checkbox"]  ~ label::after {
    content: "";
    position: absolute !important;
    display: block;
    width: 1.4rem !important;
    height: 1.4rem !important;
    top: 0.16rem;
    left: 0.25rem;
    background-color: #832c32 !important;
    border-radius: 50%;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    background: no-repeat 50%/50% 50%;
}

input[type="checkbox"]:checked ~ label::after {
    background-color: #00841b !important;
    -webkit-transform: translateX(1.2rem);
    transform: translateX(1.2rem);
}

PS: on that demo page this is working on the scratch – but it might be necessary to adjust display option and left positioning. Depends on setup.

what is this matomo script for? that is the console error warning – maybe deactivate it – and refresh all cache and merging after that and have a look.

fopen warning : maybe a caching problem – do you have a caching tool working – i can see Comet Cache – maybe try to deactivate that too- and see.

by the way where is this /volume4/web/ directory ? Warning is : no permission to that directory …

• This reply was modified 3 weeks, 5 days ago by Guenni007.

yes – i think you are right . Allthough there are translatables in the code of enfold

__( 'Read More Text', 'avia_framework' ),
__( 'Read more', 'avia_framework' ),
__( 'Read Less Text', 'avia_framework' ),
__( 'Read less', 'avia_framework' ),

on many languages these ( f.e. on german) tranlations are missing.

but for dutch there is: Lees minder and Lees meer inside the lang files – so i guess you only want to change that translation? One solution could be to have your own translation files – or to use a plugin to change these translations.

I don’t know how you have implemented multilanguage support for your installation. With WPML you have separate pages. There you could rename it manually in the element.

Why not using the code tag for your code? Link
No one can copy paste the code for his own use.

if a hint on the bottom of your e-mail is enough – you can put this to your child-theme functions.php:

function add_page_info_to_form_email($message, $new_post, $form_params) {
    // Get the current page URL and title
    $page_url = get_permalink();
    $page_title = get_the_title();
    // Append the page information to the message
    $message .= "\n\n--\nSent from the page:\n" . $page_url . "\n";
    return $message;
}
add_filter('avf_form_message', 'add_page_info_to_form_email', 10, 3);

the data-av_icon is on the following span tag:

#top a.cart_dropdown_link {
  right: 15px;
}

#top a.cart_dropdown_link span[data-av_icon] {
  font-size: 28px;
  color: var(--enfold-header-color-color);
}

/* === to influence the counter === */
#top a.cart_dropdown_link span.av-cart-counter {
  height: 20px;
  left: 64%;
  font-size: 18px;
  line-height: 20px;
  border-radius: 50%;
  background: var(--enfold-header-color-primary);
  color: var(--enfold-header-color-constant-font);
  margin: -22px 0 0 2px;
  padding: 2px 6px;
}

i inserted above the default colors – change them to your needs

First : this is not the enfold implemented magnificPopup lightbox. Next: what is wrong with those iframe popups? What you like to see or rule for those lightboxes?

you had to know the aspect ratio of your bg-image. then you can calculate the height of that section in relation to 100vw of width.
f.e. if your bg-image is a 16/9 image – then the height should be 56.25vw. So you can force the height to be of that height of the image.

This will work if your content does not grow over that height.
See an example here: https://webers-testseite.de/colorsection-responsive/

Everything you need is already available in Enfold. You are not forced to use an additional plugin. If you are the licence holder (including web font usage), you can convert and use your desired font f.e. by : https://transfonter.org/
my recommendation is to generate woff2 and as fallback solution the ttf fonts.
The downloaded zip file could be used allready by enfold Font Manager, but however, I would only advise you to rename the zip file. In the Enfold Font Manager, the name of the zip file will appear as the font name (the css font name is not affected by this, it is generated from the font itself).

on default – the padding-top for transparency header setting is set to zero ( padding-top: 0 ) – check if you have a different setting on your page.
Maybe your header is transparent – but there is no content under that area ;)

ja – genau Ismaels Code.

lest ihr etwas die Posts nicht durch?
hier steht präzise wo der große Abstand herkommt!: https://kriesi.at/support/topic/too-much-distance-no-idea-anymore/#post-1471969 und das man diese Standard Werte ändern soll.

Ich fürchte, die werten Mitstreiter lesen nicht mehr – sondern copy pasten irgendeinen Code der angezeigt wird und das wars dann.
Echt frustrierend für jemand der Hilfe zur Selbsthilfe praktiziert. Ich habe doch nichts davon, wenn ich nur Code anbiete, der zwar funktioniert, aber den ihr nicht nachvollziehen könnt. und der auf der nächsten Seite auch nicht mehr funktioniert. Sorry Martin, das es jetzt dich traf – aber langsam habe ich keine Lust mehr.

____________

yes – Ismaels Code.

are you not reading the posts?
https://kriesi.at/support/topic/too-much-distance-no-idea-anymore/#post-1471969

it says exactly where the large gap comes from! – and that you should change that default values.

I’m afraid that the other participants don’t read any more – they just copy and paste some code that is displayed and that’s it.
Really frustrating for someone practicing self-help. I have nothing to gain from offering code that works, but which you can’t understand and which doesn’t work on the next page. I’m sorry, Martin, that it’s you who’s getting my frustration now, but it’s no fun anymore.

and to center the flex_columns itself :

#av-layout-grid-2 .flex_cell .flex_column {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

but as always all rules here do work on all elements that fit- better is to work more specific by a custom class set by you f.e. on that grid-row element.

Yes – but don’t miss to do that on all languages. ;)

i do not know if this works – because the button is inside an iframe – so external.

Try:

.ToastBase_module_toast__fb6cbe17 {
  display: none;
}

but isn’t that an option that could be made on vimeo itself on editing there the settings?