Hi,
To add the modified shortcodes.js to your child theme you can create a js folder in your child theme and paste in your modified shortcodes.js file there, then on functions.php of your child theme add this code:

function change_aviajs() {
   wp_dequeue_script( 'avia-shortcodes' );
   wp_enqueue_script( 'avia-shortcodes-child', get_stylesheet_directory_uri().'/js/shortcodes.js', array('jquery'), 3, true );
}
add_action( 'wp_enqueue_scripts', 'change_aviajs', 100 );

For your 12 1/4 columns spacing please try this css:

.responsive #top.page-id-13 #wrap_all .flex_column.av_one_fourth {
    margin-top: 1% !important;
    margin-left: 1% !important;
    margin-bottom: 0 !important;
}

I noted there was an issue with your second and third items at tablet size that was making those two columns much smaller than all of the others, I cloned the first two items and this seemed to have solved it enough that I could figure out the css for the spacing, but now you have 14 items and not 12, please review if you have any other rouge css affecting these or try creating a test page with the 12 1/4 columns and no custom classes so we can investigate, otherwise if you plan on adding more products anyways then just adjust the two additional products.

Best regards,
Mike

Hey MyWin,
Thank you for your patience and the links, to add the lower menu indicator please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.av_minimal_header .avia-menu-fx {
    display: block;
    color: #857050;
}

this will place the bar like this:

or try this css to have the bar higher:

.av_minimal_header .avia-menu-fx {
    display: block;
    color: #857050;
    bottom: 22%;
}

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

Best regards,
Mike

Hey Katja,
Thank you for your patience and the links to your sites, I see the font is working on your live site but it is blocked on your testing site due to a CORS error:
Access to font at 'https://xxxxxxx.de/wp-content/uploads/avia_fonts/type_fonts/daxweb/daxweb.woff' from origin 'http://xxxxxxxx.de' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
This is because your testing site doesn’t automatically load the https version or redirect to it once you correct this and fix your images that are showing as Mixed Content your testing site will be easier for you to test with.

Best regards,
Mike

Hey Technohead,
Thank you for your patience and the link to your page, while there is not an expanding Pagination option, you could try the normal Pagination option which will show you 3 more entries, or you could add a button to another page to show all of your entries, examining the layout of your page with the form on the right it seems like the 3 entries are a sample of opportunities and a button to a full list would be natural?
Or you could try using two blog elements and a button separating them in your section, if you set the two blog element to use their offsets then together they will show all of the posts, and the button would toggle their visibility with a little jQuery. For example this is my test page:

The first blog element is set to show 3 posts with an automatic offset and no pagination.
The button has the default manual link set with no url, I only changed the button title to “Show All” and added the custom ID show-all-button

The second blog element is set to show all posts with no pagination and the automatic offset so it will not show the same posts as the first one and added the custom ID show-all-posts
I added the jQuery to a code block element for simplification of this example:

<script>
(function($){
  $(document).ready(function(){ 
    $('#show-all-posts article').hide();
    $('#show-all-button').click(function(e){
    e.preventDefault();
     $('#show-all-posts article').toggle();

});
    });  
})(jQuery);
</script>

Then on page load the first blog element with only 3 posts show while the second blog element is hidden.

When the button is clicked the second blog element is shown.

Perhaps this will work for your project, in the Private Content area I have linked to my test page, it will probably only be working for a few days if you want to see the example working.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the link to your pages, the second menu that I see on mobile at the bottom of the page is #sub_menu2 so to correct this as I understand the issue 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) { 
#top.page-id-6383 #sub_menu2 { display:none; }
#top.page-id-6081 #sub_menu2 { display:none; }
}

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

Best regards,
Mike

Hi,
Glad to hear that you were able to sort this out, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thank you for the screenshots and login, I see this was occurring in the “Block Editor” but I couldn’t find the exact page this was on, but I changed the editor to the “Classic Editor” and then back to the “Block Editor” in the theme options and this may have reset the situation, please check.

Best regards,
Mike

Hey emilconsor,
Thank you for your patience and the link to your page but I’m unable to see the page as it says “Login to see this page”
can we have a test login?
I assume that this page would show the blog posts in a grid style? We can probably move the date with a small code snippet, but would it only be for this page or certain types of pages?
Please note that if you go to your theme options and look at the blog options “Blog Styling” each of these shows the blog meta in a different location, perhaps one of these would be better for you?

Best regards,
Mike

Hey advteksol,
Thank you for your patience and the link to your site, please try changing your css to this:

#order_review > p.form-row.form-row-first, #order_review > p.form-row.form-row-last, .woocommerce-form-coupon-toggle + p {
display: none;
}

and your script to this:

function ava_custom_script_mod() {
if ( wp_script_is( 'avia-default', 'registered' ) ) {
wp_add_inline_script( 'avia-default', '
(function($) {
$(".showcoupon").on("click", function() {
$("#order_review > p.form-row.form-row-first, #order_review > p.form-row.form-row-last, .woocommerce-form-coupon-toggle + p").toggle();
});
})(jQuery);
');
}
}
add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
On my desktop the text is 16px, and the actual css font-size is 1em which will show different px sizes based on screen size, anyways to change the font-size to 14px try this css:

#top.page-id-22914 #tonic-ticket-widget.tw-widget h4.tw-text--flush,
#top.page-id-22914 #tonic-ticket-widget.tw-widget p.tw-text--flush,
#top.page-id-22914 #tonic-ticket-widget.tw-widget p span {
	font-size: 14px;
}

but to change the font-size only on hover try this css instead:

#top.page-id-22914 #tonic-ticket-widget.tw-widget .tw-item:hover h4.tw-text--flush,
#top.page-id-22914 #tonic-ticket-widget.tw-widget .tw-item:hover p.tw-text--flush,
#top.page-id-22914 #tonic-ticket-widget.tw-widget .tw-item:hover p span {
	font-size: 14px;
}

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

Best regards,
Mike

Hi,
Thank you for your patience and the link to your page.
For your first question on how to get the CSS to only work on the one page, you would add the page ID to the CSS like this:

.js_active .page-id-2575 .toggle_wrap {
display: block;
position: static;
visibility: visible;
left: 0;
width: auto;
z-index: 1;
}

Each page has a unique page ID, now the reason you can not close the toggles is because the CSS has been set and clicking the toggles doesn’t change the state and the only way around this is by removing the CSS and writing a jQuery script to replace it.
I wrote this and it works when I inject it via the browser and it should work when it’s added to your functions.php

function custom_script() { ?>
    <script>
(function($){
  $(document).ready(function(){
    $('#top.page-id-2575 .togglecontainer.enable_toggles').each(function() {
    $(this).find( '.toggle_wrap' ).css({'display':'block','visibility':'visible','position':'static','left':'0','width':'auto','z-index':'1'});
});
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

But in your theme options you have the “Load jQuery in your footer” option set so this will not work on your site because jQuery has to be loaded before the script for the script to work. I assume that you are trying to set your site to run the fastest so you will need to decide if giving up page load is worth closing the toggles, and if any of your visitors are ever going to try to close your toggles?
But at least you know the answer now.

Best regards,
Mike

Hi,
Thank you for the login, your theme options have a demo page called “Homepage” set as the “Frontpage”

This demo page has the page ID 734 and is correctly showing as the Frontpage at this url: https://carbogaz.digitalatplay.com/

It looks like you tried to use this setting which is not correct for this situation:

So I correct this for you:

Best regards,
Mike