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

Hey Telepsy_NL,
Thank you for your patience, but I have not tried any AB or split testing plugins, and I don’t recall any threads about this in the past. I imagine it depends on how much info you would like to gather from your testing which could be pretty deep, but for some basic testing you could use some jQuery like this to randomize the url of an element click:

(function($) {
$(document).ready(function(){
    $('#intro').click(function(){
        if(Math.random() > 0.5) { 
            window.location.href = "https://your-site.com/portfolio/";
            } else {
            window.location.href = "https://your-site.com/elements/"; 
            }
    });
});
}(jQuery));

and use Google Analytics to track the “hits”
For something more advanced I found this article about a script called Cohorts which seems promising.
Hopefully, this helps in some way.

Best regards,
Mike

Hey whdsolutions,
Thank you for your patience and the link to your site, I’m seeing two “nextsection” IDs, one for the color section and one for the first column in it, please try removing one of these IDs.

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,
Thank you for your patience and for the link, I examined the first item and I believe we can set the z-index to the link higher that the grid content and also set the link mouse-over opacity to zero so the grid content will show.
please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .grid-entry .inner-entry a:hover .grid-content {
   opacity: 1;
}
#top .grid-entry .inner-entry a:hover {
   opacity: 0 !important;
}
#top .grid-entry a {
    z-index: 1;
}
#top .grid-entry .grid-content {
	z-index: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience, to center your breadcrumbs for your products please try this css:

#top.single-product #main .title_container .breadcrumb {
    right: 25%;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience, I’m not sure that I understand your request correctly because you asked for many text changes but these seem to be in place so I will jump to changing the button & comment circle color.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .main_color #submit, 
#top .main_color input[type='submit'],
#top .main_color .comment-count {
	background-color: #719430;
}

After applying the css, please clear your browser cache and check.
In your second post you asked to change the input field color to white for only one page, but the input field is already white, so as an example please see this code and change the color lightgray to your choice, and please note the post ID postid-1307 and change this for the page or post that you want this to work for, currently it is set to the post you linked to.

#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: lightgray !important;
}

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

Hey navindesigns,
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 (max-width: 767px) {
.responsive #top #wrap_all .av-layout-tab-inner > .container {
    width: 100%;
    max-width: 100%;
}
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-table {
    width: 100%;
}
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > thead > tr > th, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > tbody > tr > th, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > tfoot > tr > th, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > thead > tr > td, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > tbody > tr > td, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > tfoot > tr > td {
    white-space: normal;
}
#top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table > .avia-table tr th, 
#top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table > .avia-table tr td, 
#top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table > .avia-table tr {
    padding: 5px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry I don’t use Dreamweaver, I use Visual Studio Code and I don’t get an error in it or in the WordPress theme editor.
Perhaps Dreamweaver is not recognizing this syntax correctly or there is a better way to write this that I don’t know about.

Best regards,
Mike

Hi,
Glad this helped and is working correctly for you in your tests, if you find that there are any conflicts with tables on other pages then I would recommend adding a custom class, otherwise you should be all set.
Let us know so we can close this thread.

Best regards,
Mike

Hi,
Thank you for the link, I noticed that in some of your pricing tables that the header row also had different content amounts so it was also having the same issue as the blue cells, I thought that this script would work better at calculating the equal heights for different screen sizes that a manual fixed min-height value. Below is a screenshot of how it looks in my test, but since you have other pricing tables by themselves I believe you would well to add a custom class to the tables that are 4 across and then add this class to the script, if you are not sure how to modify the script then just add the custom class to only those tables and I will post an updated version of the script, otherwise try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_equal_height_pricing_table() { ?>
    <script>
(function($){
$('.avia-pricing-table-container').each(function(){  
  var $columns = $('.pricing-table-wrap li.avia-heading-row',this);
  var maxHeight = Math.max.apply(Math, $columns.map(function(){
    return $(this).height();
  }).get());
  $columns.height(maxHeight).css({'vertical-align':'middle'});
});
$('.avia-pricing-table-container').each(function(){  
  var $columns = $('.pricing-table-wrap li:nth-child(3)',this);
  var maxHeight = Math.max.apply(Math, $columns.map(function(){
    return $(this).height();
  }).get());
  $columns.height(maxHeight);
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_equal_height_pricing_table');

Best regards,
Mike

Hi,
OK I probably misunderstood what your last question was, that is the trouble with long threads that cover multiple issues, anyways I thought you were still having trouble with your Token, so I logged into the site you posted and saw you are still using the API.
The screenshot above is from your site, the warning message is the black square

So are you now reinstalling on this site? Any site you install on you will need to use a valid Envato private token the API no longer works, please follow the instructions for How to generate a Envato Personal Token.

If this is still not the issue you wish to work on then please fully explain.

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,
I thought that you wrote:

So I could use some css to set a min-height to all of the blue cells, and if it means blank space I think I would prefer that to having it look out of whack like it is now

making the blue area in all columns the same height will add extra blank space to the first 3 columns.
The best solution to achieve his would be using css to set a min-height to the blue cells, if you would like help with this please link to the page, I can’t write the css based on a screenshot.

Best regards,
Mike