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

Hi,
Sorry, I tried looking into this further but I don’t see that this would be possible without modifying the plugin script, and we can’t do that. I believe your best approach would be to use a different plugin.

Best regards,
Mike

Hi,
Thanks for the feedback, I looked into this further and I didn’t find this specifically mentioned in WP Post Formats but I did find this article describing the first video being used as the featured image. But when I test on a new install with the default theme Twenty Twenty-One it doesn’t work, yet with Twenty Nineteen it does work. So it’s not clear if this is a default feature, but my research finds this is not a feature in the Enfold elements, so I will submit this to the dev team for review as a feature request and recommend for now that you add your featured image to your posts and use the Layout ▸ Featured Image option on the post to disable the image from showing along with your video.

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