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

Hi,
Thank you for your patience, I believe you are referring to these borders:

for only these borders on this one page please try this css:

#top.page-id-22914 #tonic-ticket-widget div {
	border-color: #fff;
}

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

Best regards,
Mike

Hi,
Thank you for your patience these buttons look like they were added with the Event Tickets addon plugin and then it looks like you will need to follow these instructions: Getting Started with Event Tickets
I’m not an expert with this plugin so I’m hoping that is all you will need to do, if you do get stumped with these instructions I recommend asking the events calendar support.
I also found these events calendar knowledgebase threads:
Add button to single events in event list view
Add a ‘purchase tickets’ button to event-list-meta
that may help but I’m not sure.

Best regards,
Mike

Hey amyteslin,
Thank you for the link to your site, I assume that what you mean is that on single topics you want to hide the main menu at the top in the header, but you want to show the topbar that says View Condition Reports
So for that please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.bbpress.single-topic #header_main {
	display: none;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top.bbpress.single-topic #main {
    padding-top: 0px;
}

After applying the css, please clear your browser cache and check.
This will work for /forums/topic/ice-climb-conditions/
Or you could use this css:

#top.bbpress #header_main {
	display: none;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top.bbpress #main {
    padding-top: 0px;
}

and it will work for:
/forums/topic/ice-climb-conditions/
/forums/forum/conditions/
/forums/
I point this out because you said above that you had been able to address the main forum page but I could still see the header menu.

Best regards,
Mike

Hey mirotck,
Thank you for the link to your site, but it looks like you have already found the solution with this css:

.flex_column.av_one_fourth:hover {
    animation: grow 2s;
    animation-fill-mode: forwards;
    position: relative;
    z-index: 50;
}

@keyframes grow {
    to {
        transform: scale(1.2)
    }
}

it seems to work well, but on mouse out the animation is very quick or abrupt.
You could add this for the mouse out animation, but it is also triggered on page load, if you are looking:

.flex_column.av_one_fourth:not(:hover) {
	animation: growout 2s;
	animation-fill-mode: forwards;
}
@keyframes growout {
  from {transform: scale(1.2)}
  to {transform: scale(1)}
}

I also recommend adding a custom class to these elements, otherwise all of your one_fourth columns sitewide will show this animation.

Best regards,
Mike

Hi,
Thank you for your patience, when I look at your page I see this css which I believe you have added?

.html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:307px; } 

if you change the padding-top:307px; to padding-top:330px; this should be corrected. After applying the css, please clear your browser cache and check.

Best regards,
Mike