Hey Gianluca,

Thank you for the inquiry.

You can use this css code to adjust the border of the input fields inside the form and decrease the space between the checkboxes.

#top div .av-light-form .input-text, #top div .av-light-form input[type=email], #top div .av-light-form input[type=input], #top div .av-light-form input[type=number], #top div .av-light-form input[type=password], #top div .av-light-form input[type=search], #top div .av-light-form input[type=tel], #top div .av-light-form input[type=text], #top div .av-light-form input[type=url], #top div .av-light-form select, #top div .av-light-form textarea, div div .av-light-form .button {
    color: #fff;
    border-color: #fff;
    border-width: 1px!important;
}

#top .avia-builder-el-25 #avia_7_1 p {
    margin-bottom: 10px;
    display: block;
    height: 40px;
    float: none;
}

#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_8_1 label,
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_9_1 label,
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_10_1 label,
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_11_1 label,
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_12_1 label,
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_13_1 label,

#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_8_1 input[type=checkbox],
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_9_1 input[type=checkbox],
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_10_1 input[type=checkbox],
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_11_1 input[type=checkbox],
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_12_1 input[type=checkbox],
#top .avia-builder-el-25 .avia_ajax_form 
.element_avia_13_1 input[type=checkbox] {
    top: -20px;
    position: relative;
    margin-bottom: 0;
}

#top .avia-builder-el-25 input.button {
    top: -20px;
    position: relative;
}

Best regards,
Ismael

Hey condonp,
Thanks for the mockup image:

it looks like you are close to achieving this, but I only see one widget in the header:

to change the color of your widget and move the menu try adding this css:

.responsive #top #header #header_main .inner-container .widget>div {
    background: rgb(77, 172, 56);
}
.topconatiner {
    align-items: center;
}
.responsive #top #header #header_main .inner-container .main_menu {
    justify-content: right;
}
.responsive #top #header #header_main .inner-container .main_menu {
	margin-right: 6%;
}

for this:

The snippet from the documentation that you are trying to follow looks nothing like your mockup.

Best regards,
Mike

Hey oburlin,
For the image caption, you will note in the element that it’s placement is in the overlay:

To move to the lower part of the image, I see that you have added this custom css:

.av-image-caption-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    bottom: 0px !important;
    color: black !important;
    height: auto !important;
    left: 50% !important;
    transform: translate(-50%) !important;
    width: auto !important;
}

Resulting in this:

To make it one line try removing width: auto !important; from your css.
Then you would see:

If you want the caption below the image, try this css instead:

#top .av-image-caption-overlay {
    height: auto;
    width: 100%;
    left: 0px;
    bottom: 0px;
    transform: translateY(100%);
}
#top .av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg {
    opacity: 0.4 !important;
}
#top .avia-image-container .av-caption-image-overlay-bg {
    opacity: 0.4;
    background-color: transparent;
}
#top .avia-image-container .av-image-caption-overlay-center {
    color: #000;
}

resulting in this:

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey mshane,
Envato (Theme Forest) stopped using the API a few years ago, now they use a Token, but you can not use the Token with your version so you will need to manually update, then set up the Token and next time you can update in the theme panel. We expect no issues with updating, but recommend creating a full backup using your webhost backup tool, not a plugin unless you have specific knowledge with it and it has worked for you in the past. Often backup plugins fail when restoring.
Also note that if you are not using a child theme and the core files such as functions.php were modified those customizations will be lost, so backup any customizations.
Also note that if you are using a child theme and you have a copy of the header.php or footer.php in the child theme, please remove these as these files have changed and will cause an error.
To update your version of Enfold you will need to 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

Hey idcdesign,

Thank you for the inquiry.

Looks like the background color is applied to the column itself, which already contains a background image. Remove the current css modification and replace it with the following code:

#rfbordertop:before {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
}

#rfbordertop:hover::before {
    background: #0eb34b7d;
}

#rfbordertop .av_textblock_section, #rfbordertop .hr {
    z-index: 20;
    position: relative;
}

Let us know the result.

Best regards,
Ismael

Hey Gert van der Laan,

The update to 7.1.2 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thank you for the update.

Try to adjust the top margin of the svg icon:

.avia-icon-list .iconlist_icon img[is-svg-img=true], .avia-icon-list .iconlist_icon svg:first-child {
    margin-top: 2px;
    margin-left: 1px;
}

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

The effect is actually disabled on mobile view because the css property that enables it is not supported, specially on iOS. You can try enabling it back using the following css code but you may find issues with the transition.

#top .alternate_color.avia-bg-style-fixed, #top .footer_color.avia-bg-style-fixed, #top .header_color .header_bg.avia-bg-style-fixed, #top .main_color.avia-bg-style-fixed, #top .socket_color.avia-bg-style-fixed {
    background-attachment: fixed;
}

— https://caniuse.com/background-attachment

Known Issues:
Firefox does not appear to support the local value when applied on a textarea element.
Chrome has an issue that occurs when using the will-change property on a selector which also has background-attachment: fixed defined. It causes the image to get cut off and gain whitespace around it.
iOS has an issue preventing background-attachment: fixed from being used with background-size: cover

Best regards,
Ismael

Hi,

Thank you for the update.

You can apply a custom css class to the Tab Section element where specific tabs need to be hidden, then adjust the css rules accordingly.

#top .custom-tab-section-class-name a[href="#tab-2"][data-av-tab-section-title="2"] {
    display: none;
}

Best regards,
Ismael

Hey doste,

If you still have access to your Themeforest account, then you will only need to update the theme. You shouldn’t have to purchase it again.

The update to 7.1.2 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/

Best regards,
Rikard

Hi,

Please continue here: https://kriesi.at/support/topic/redsys-plugin-credit-card-payment-gateway-not-working/

Best regards,
Ismael

Hey fiorettipau,

Thank you for the inquiry.

1.) Did you create a header widget area and added an html or text widget to it? Please refer to this section for more info: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

2.) You can use the following css code to move the footer columns and align them with the site title:

#footer .container .flex_column:nth-child(2), #footer .container .flex_column:nth-child(3), #footer .container .flex_column:nth-child(4) {
    margin-top: 100px;
}

Best regards,
Ismael

Hey Martina,

Thank you for the inquiry.

The custom css class (hide-this-tab) is only applied to the tab content, so it can’t be used to hide the tab section title. Try to use the following css code instead:

#top .av-tab-section-inner-container .hide-this-tab {
    display: none;
}

#top a[href="#tab-2"][data-av-tab-section-title="2"] {
    display: none;
}

The selector a[href=”#tab-2″][data-av-tab-section-title=”2″] should hide the second tab section title.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can add this css code to adjust the hover state of the social icon:

#top #wrap_all .av-social-link-bluesky:hover a, #top #wrap_all .av-social-link-bluesky a:focus {
    color: #fff;
    background-color: #a67658;
}

#top .socket_color .social_bookmarks a, #top .socket_color .social_bookmarks a svg {
    filter: grayscale(1);
}

#top .socket_color .social_bookmarks .social_bookmarks_bluesky  svg {
    opacity: 0.5;
}

Best regards,
Ismael

Hi,
To open a new topic go to the forum, login, and click the big blue button at the top of the page.

Or follow this link: https://kriesi.at/support/forum/enfold/#new-post

Best regards,
Mike