Hi,

Great! The css code looks correct and valid. Please feel free to open another thread if you have any more questions.

Have a nice day.

Best regards,
Ismael

Hey Mapod,

Thank you for the inquiry.

What are the actual specifications of your server (RAM, CPU)? Please post the login details in the private field so we can investigate the issue further. In the meantime, try to switch to PHP 8.1, and enable the error logs in the wp-config.php file to see if it catches any errors.

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false );

Best regards,
Ismael

Hi,

Thank you for the info.

We adjusted the css in the Quick CSS field. Please make sure to purge the cache before checking the page.

Best regards,
Ismael

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 dpcram,

Thank you for opening another thread.

As mentioned previously, we may need to log in to the site to properly check the issue. Please create a test account and provide the login details in the private field. We also recommend reaching out to the plugin developers for additional assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

The SVG file you provided above is not accessible on our end, so the issue is likely related to your server or WordPress installation. Please try to install the following plugin and let us know the result.

— https://wordpress.org/plugins/svg-support/

Best regards,
Ismael

Hi,

Great! Please don’t hesitate to open another thread if you have more questions. Have a nice day.

Best regards,
Ismael

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

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

Hi,

Did you remove the css code? We didn’t see it when we checked. Please make sure all css code is valid —- try checking for any unclosed css rules.

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

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 rixi,

Thank you for the inquiry.

Would you mind providing a screenshot of the issue, or provide the login details in the private field? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hey dondela,

Thank you for the inquiry.

You can try this css code to display images above the category sort buttons:

.sort_by_cat a:before {
    content: '';
    width: 100px;
    height: 100px;
    display: block;
    background-size: contain;
}

.sort_by_cat .css_sort_button:before {
    background-image: url(https://site.com/images/placeholder.svg);
}

.sort_by_cat .javascript_sort_button:before {
    background-image: url(https://site.com/images/placeholder.svg);
}

The parts .css and .javascript represent the names of the category sort buttons.

Best regards,
Ismael