Hey Robert Sink,
Thanks for your question, for products we recommend the WooCommerce plugin and it allows product variations.
To add custom fields to the checkout there are a few different plugins that you can use, while I don’t recommend any specific one and have not tested all of them, I tried the free Checkout Field Editor for WooCommerce and it allowed me to add a test field to my demo site. So I imagine the others will also work for you, you can try them and see which one works best for you.
Please note that we can’t ensure that all plugins will work with the theme, as there are tens of thousands of them, but typically I would expect that you will find a few that will work fine.

Best regards,
Mike

Hi,
Downloading your site files will not be enough because you need to also backup your site database, this is where your site data, posts & pages, and your theme settings are stored.
Most webhosts have a backup feature, check with your webhost how you can backup your site & database, and how to restore it if you need to.
Once your are confident that you can restore a backup then go ahead and update your site.
Here is an easy way to update your site manually:
First download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,
Try this example CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to make the background color red, font white, and remove the border radius:

#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
    background-color: red;
    color: white;
    border-radius: 0;
}

adjust to suit.
To make the button background color blue on hover add this css:

#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover {
    background-color: blue;
    color: white;
    border-radius: 0;
}

you can also change the font color and border radius on hover.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
The grid row cells with the logo & “Schrijf je in voor onze nieuwsbrief” is not centered because the cell has the vertical-align set to Top, please set to middle.

Please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line quicker, and helps keep threads from being confusing with multiple topics.

Best regards,
Mike

Hi,
It looks like you are using custom css to make the header “fixed” on mobile up to 767px, this is why it is doing this, it is not default for the theme.
Try adding this css to override it:

@media only screen and (max-width: 989px) {
#top #wrap_all .av_header_transparency {
    background: transparent !important;
    position: absolute!important;
}}

If this doesn’t work then try to find your custom position:fixed; and remove it.

Best regards,
Mike

Hi,
It looks like your the shortcode for your captcha plugin is causing this: [bws_google_captcha]
Try removing it and using the captcha options in the contact forum.

Best regards,
Mike

Hey schweg33,
The css you posted is for the title of the widgets, for the text in the widgets try this css and adjust to suit.

#top [id*="custom_html-"] > .custom-html-widget {
font-size: 20px;
font-weight: 400;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Try adding the CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

Best regards,
Mike

Hey MSM,
Thanks for the link to your site, it looks like you have two elements causing this, for the testimonials try this css:

@media only screen and (max-width: 480px) { 
	.avia-testimonial-row {
	min-height: 688px;
}
}
@media only screen and (min-width: 481px) and (max-width: 1023px) { 
.avia-testimonial-row {
	min-height: 423px;
}
}
@media only screen and (min-width: 1024px) { 
	.avia-testimonial-row {
	min-height: 297px;
}
}

for the “cool timeline” element try this css:

@media only screen and (max-width: 1023px) { 
	.ctl-wrapper {
	min-height: 348px;
}
}
@media only screen and (min-width: 1024px) { 
	.ctl-wrapper {
	min-height: 366px;
}
}

together this seems to solve the issue.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
It depends on your webhost as to how to clear it, so I would ask them, perhaps they can disable it until you are done building your site and then enable it again so you won’t have to fight with the cache while you are building the site.

Best regards,
Mike

Hi,
The default search results parameter is /?s= and your plugin uses /?swp_form%5Bform_id%5D=1&swps=
so perhaps if you change the parameter of s in the function to swp_form%5Bform_id%5D=1&swps
it will direct to your plugin search results page

I recommend testing this modification via FTP and not in the WordPress ▸ Appearance ▸ Theme File Editor in case it crashes your site, you can remove the change easily via FTP even it your site is down.

Best regards,
Mike

Hey schweg33,
Try this CSS:

#top #wrap_all .all_colors .widgettitle,
#top [id*="custom_html-"] > h3.widgettitle {
color: #666666;
text-transform: none;
font-size: 23px;
font-weight: 200;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike