Hi,
I thought we were talking about the outline around the input fields for your form, I am seeing these now, please clear your browser cache and check.

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,
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,
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,
Glad to hear that you have this sorted out, I didn’t realize you wanted the space on the left I thought that was an error. 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

Hey omshiva,
Thank you for your patience and for the link to your page. Your css is conflicting because the css rule with the ID (#main) has a higher specificity than the simple button class.
Try changing these rules:

/*Add underline to main content*/
#main a:not(.avia-button) {text-decoration:underline !important;}
/*Remove underline from footer links*/
#footer > div > div > .widget a {text-decoration: none !important;}
/*Remove underline from button links*/
.avia-button {text-decoration:none !important;}

Best regards,
Mike

Hi,
Sorry, perhaps I don’t understand correctly, but why not manually add rel="noopener noreferrer nofollow" into the text block?

Best regards,
Mike

Hey karmenka,
Thank you for your patience, can you link to your page so we can help, I don’t believe our magazine demo is setup the same way as your page.

Best regards,
Mike

Hey Stefano,
Thank you for your patience, please try resaving your theme settings to rebuild the css files and clear and cache plugins and server cache.
If this doesn’t help please include an admin login in the Private Content area.

Best regards,
Mike

Hey julhobart,
Thank you for your patience, but I can’t view your page without a login, I get this error: 401 Authorization Required
Please include an admin login in the Private Content area.

Best regards,
Mike

Hey 34oldcat29,
Thank you for your patience and the link to your page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .main_color .input-text, 
#top .main_color input[type='text'], 
#top .main_color input[type='input'], 
#top .main_color input[type='password'], 
#top .main_color input[type='email'], 
#top .main_color input[type='number'], 
#top .main_color input[type='url'], 
#top .main_color input[type='tel'], 
#top .main_color input[type='search'], 
#top .main_color textarea, 
#top .main_color select,
#top .ninja-forms-field.nf-element {
    border-color: #777;
}

Best regards,
Mike

Hey Daniel,
Thank you for your patience, there is not a built-in way to do this, but you could try this approach.
In this example we will change the Minimal Progress Bar from percentages to dollar values using a script, first we will add the custom ID dollar-example to the element

Set your percentages to how far you want them to show, you can calculate your goal or just guess, this is only for looks.

Then add this css to your Quick CSS, it will add the dollar symbol to the values

#dollar-example .avia-progress-bar .progressbar-percent .av-bar-counter:before {
  content: "$";
}

Then add this script to the end of your functions.php file in Appearance > Editor:

function custom_progressbar_script() { ?>
    <script>
(function($){
  $(document).ready(function(){
    $("#dollar-example .avia-progress-bar .progressbar-percent").contents().filter(function(){ return this.nodeType == 3; }).remove();
    $("#dollar-example .avia-progress-bar:nth-child(1) .progressbar-percent .av-bar-counter").attr('data-number', 50000);
    $("#dollar-example .avia-progress-bar:nth-child(2) .progressbar-percent .av-bar-counter").attr('data-number', 45500);
    $("#dollar-example .avia-progress-bar:nth-child(3) .progressbar-percent .av-bar-counter").attr('data-number', 39000);
    $("#dollar-example .avia-progress-bar:nth-child(4) .progressbar-percent .av-bar-counter").attr('data-number', 11500);
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_progressbar_script');

The first line of the script removes the percentage symbol, the next 4 lines replace the values of the 4 progress bars in the example. For this example $50,000 = 100%.
You will need to manually change the values.
The expected results

Best regards,
Mike

Hey Eleina_Shinn,
Thank you for your patience, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 1023px) { 
#main .av-inner-tab-title,
#main .av-tab-section-icon,
#main .av-tab-arrow-container,
#main .av-tab-section-image {
    width: 190px;
}
#main .av-tab-section-image {
    height: 190px;
}
}

Best regards,
Mike

Hey aacolema,
Thank you for your patience but both of the links are leading to Account Suspended pages, please check. Also your post referenced the Elementor so I assume there is a conflict with it, please don’t use other page builders with Enfold as Enfold has it’s own custom page builder that is not designed to work with other page builders.

Best regards,
Mike

Hi,
Sorry, I see there has been a misunderstanding, so in my original post about this css:

#top.postid-1307 .main_color .input-text, 
#top.postid-1307 .main_color input[type='text'], 
#top.postid-1307 .main_color input[type='input'], 
#top.postid-1307 .main_color input[type='password'], 
#top.postid-1307 .main_color input[type='email'], 
#top.postid-1307 .main_color input[type='number'], 
#top.postid-1307 .main_color input[type='url'], 
#top.postid-1307 .main_color input[type='tel'], 
#top.postid-1307 .main_color input[type='search'], 
#top.postid-1307 .main_color textarea, 
#top.postid-1307 .main_color select {
    background-color: #ffffff !important;
}

I believed that there was only one page or post that you wanted this to work on, so I suggested using the post ID .postid-1307 which would be specific to that one page or post, but I see now that you wanted to use a custom class for this element to determine when it would be white, so in that case I changed your element custom ID from this:

to this custom class white-input:

and I changed your Quick CSS to this:

#top .main_color .white-input .input-text,
#top .main_color .white-input input[type='text'],
#top .main_color .white-input input[type='input'],
#top .main_color .white-input input[type='password'],
#top .main_color .white-input input[type='email'],
#top .main_color .white-input input[type='number'],
#top .main_color .white-input input[type='url'],
#top .main_color .white-input input[type='tel'],
#top .main_color .white-input input[type='search'],
#top .main_color .white-input textarea,
#top .main_color .white-input select {
background-color: #ffffff !important;
}

This now works correctly for these two pages:

Unternehmen Google Maps eintragen ändern löschen

WordPress Sitemap erstellen

Please clear your browser cache and check, and adjust any other pages.

Best regards,
Mike