Hi,
Sorry about that, I followed your link and see that the dropdown background color is black with white text, I assume this was to fix the white text issue. To make the text black, add this css:

#top .main_color select {
    color: #000 !important; 
}

As for adding a text field after variation choice, please try a plugin such as: Woocommerce Custom Fields For Variation

Best regards,
Mike

Hi,
Thank you, I have inspected the page and see that you forgot to put the “p” in the css for paragraph, when this is included the H2 do not change color.

#top .avia_textblock p strong {
    color: #c9c4c1 !important;
}

Best regards,
Mike

Hi,
Glad to hear, thank you.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
To show the image overlay title full time on the page /slow-combustion-woodheating/
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.av-overlay-on-hover .avia-image-container-inner .av-image-caption-overlay {
    opacity: 1 !important; 
    filter: alpha(opacity=100) !important; 
}

On the home page the titles already show before hover, but hovering makes them transparent, this looks like it is caused by this custom css, please try removing:

.av-overlay-hover-deactivate:hover .av-caption-image-overlay-bg {
    opacity: 0 !important;
}

If you can’t find it, then try adding this css:

#top.home #after_full_slider_1 .av-overlay-hover-deactivate:hover .av-caption-image-overlay-bg {
    opacity: 1 !important;
}

Best regards,
Mike

Hi,
Sorry for the late reply, to do this and easily reuse the code for other sections, you will need to change your sections a little. The first section is fine because it only has one video, but the second section has many videos and elements in it, so please try moving the other videos down into the next section, then add this css in your “Quick CSS” :

@media only screen and (max-width:767px) {
  .responsive #av_section_1 > .container, .responsive #av_section_2 > .container {
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    width: 100% !important;
    min-width: 100% !important;
    margin: 0px !important;
  }
}

note that the code has “#av_section_1” & “#av_section_2”, when you use this code on other pages just rename them to the sections you want to taeget.

Best regards,
Mike

Hi,
Is this a duplicate request for this one?
From you image: https://imgur.com/a/eZ8KCLI
it looks like you want the image in the tab to be a link, but it already a link for the tabs?
Unless you want to link “to” the tabs from elsewhere?

Best regards,
Mike

Hey itsupport24,
Sorry for the late reply, I took a look at your slider and found that your child theme style.css has this code in line 536-538 hiding the text:

.ls-wrapper p.ls-layer {
	display: none!important;
}

removing this code will show the text in your slider.

Best regards,
Mike

Hi,

@rsplaul thank you for sharing, I’m sure this will be quite helpful to some.

Best regards,
Mike

Hi,
Sorry for the late reply, I believe that the version numbers you are talking about are for WordPress and not Enfold, as Enfold is now at v4.5.3
I see that your test page is using Enfold v4.2.6, if I recall there were video issues with that version
I tested the video links on my test site, using Enfold v4.5.3, in a “Easy Slider” & “Fullwidth Easy Slider” and they worked well.

Please try updating

Since you will not be able to update automatically, here are the steps to update with the plugin
*Please ensure your “PHP Max Upload Size” is at least 20mb, because Enfold is 16.7mb.
First go to your Theme Forest account and download the “Installable WordPress file only”.

1: please install the plugin: Update Theme and Plugins from Zip File

2: then go to WordPress > Themes > Add New > Upload

3: after the install, click “Return to Themes page” (NOT Activate)

4: success:

Best regards,
Mike

Hi,
Odd I checked a few times this morning to ensure it was working.
So I checked again and the check box was un-checked again?

So I checked it again, then cleared the cache on the homepage, went to #produkte, then /portfolio-item/baep/ then cleared the cache on that page, then I clicked “Zurück zu Produkte”, and it landed correctly on a desktop computer. I then did the same for /portfolio-item/burn/
I then went back and forth 3 more times on each link without clearing the cache, each time it landed correctly.
Did you disable the checkbox?
Please check again.

Best regards,
Mike

Hi,
I took a look at your settings for the “scroll to id” plugin, and found that the ” Use element’s custom offset (if it exists) when scrolling from/to different pages.” option was unchecked, most likely from disabling it while testing the other issue.
For the top two products I adjusted the “back to” link with “-200” and cleared my cache, and they seem to land in the right place now.

<p style="text-align: right;">Zurück zu <a class="ps2id" href="http://4u.your_site.me/#produkte" data-ps2id-offset="-200">Produkte</a></p>

I test by assuming that if the transpernt menu bar has the “#produkte” blue background color, then it is in the right section. Is this correct?
Please clear your browser cache and check.

Best regards,
Mike

Hey Diana,
This is strange, adding the link to the title is creating the link 5 times, once around the image, then around the text, and 3 more times in the blank area.
That is why there is a big gap.
Please see the screenshot in Private Content area.
Typically we advertise against adding links in the title fields.

Best regards,
Mike

Hi,
It looks like a stray widget, but if you can’t find it and want an easy way to remove it, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.widget .nested_nav .page-item-2081 {
display: none !important;
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thank you for the screenshots, when I check the source code of some of your text areas, there are line brakes that are causing the undesired brakes in the sentences, please try viewing these text blocks in the editor with the “text” tab and remove them.

Please see the screenshots 1, 2 & 3 in Private Content area.
For your paragraph font, it seems to be “esteban” for desktop and mobile because of this rule in your theme settings:

body#top{font-size:20px;font-weight:normal;font-family: 'esteban', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;}

and your headings are “montserrat”
Please try going to Enfold Theme Options > Advanced Styling and choose the body element and choose the “montserrat” font.
Or if you prefer, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #main .avia_textblock p {
font-family: "Montserrat" !important; 
}

As for the burger menu font, it shows as “montserrat” for me, but assuming that it is different on your iPhone, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .av-burger-overlay-inner li a span.avia-menu-text {
font-family: "Montserrat" !important; 
}

Best regards,
Mike