Hi,
For H2 headings in text elements, the default font size is 28px, this is a different element that the “Special Heading”.
I made the change for you in the Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings

adjust to suit, these are now 40px

On your /hot-spring-spas-vigor-cold-plunge/ page that are all “Special Heading” elements or H3 and are correct from Ismael above.
Please clear your browser cache and check.

Best regards,
Mike

Hi,

You can use this css code to adjust the product price:

#top .price, #top .price span, #top del, #top ins {
	display: inline;
	text-decoration: none;
	font-size: 30px;
	line-height: 24px;
	font-weight: 600;
}

If you have any further questions, we kindly ask that you open a new thread. As threads become longer in the forum, they can become harder to manage, tend to drift off-topic, and make it more difficult for users to search for solutions. Keeping threads focused on the original topic helps us track resolutions more effectively and allows users to more easily find answers to similar issues.

Thank you!

Best regards,
Ismael

Hi,

We added this script to move the sales count under the ratings

function ava_custom_script_move_product_sales_count()
{
    ?>
    <script type="text/javascript">
        (function ($)
        {
            $(document).ready(function () {
                var salesCount = $('.product-sales-count');
                var productRating = $('.woocommerce-product-rating');

                salesCount.insertAfter(productRating);
            });
        })(jQuery);
    </script>
    <?php
}

add_action('wp_footer', 'ava_custom_script_move_product_sales_count', 9999);

And added this code in the Quick CSS field to adjust the style a bit.

.product-sales-count {
	font-size: 0.8em;
	margin-top: 0;
	top: -10px;
	position: relative;
}

Best regards,
Ismael

Hi,

Thanks for that. I’m seeing this in a text block, what happens if you remove it?

<h3><!--[av_button label='WhatsApp' link='manually,https://api.whatsapp.com/send?phone=4917642403291' link_target='' size='medium' position='left' icon_select='yes' icon='ue83b' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' admin_preview_bg='' av_uid='av-3l5p7lx']--></h3>

Best regards,
Rikard

Hi,

You need to edit all the Special Heading elements on the page and adjust the Styling > Font Sizes settings. Please refer to the screenshot in the private field.

To learn more about the theme, please check the documentation: https://kriesi.at/documentation/enfold/intro-to-layout-builder/

Best regards,
Ismael

Hi,

UPDATE: We set the font size of the “Ready to take the Plunge?” heading to 40px.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you check the value of the Styling > Font Sizes settings? Please edit the Special Heading elements in the page, then adjust the value of the Styling > Font Sizes settings.

Best regards,
Ismael

Hey jnightingale,

Thank you for the inquiry.

The font sizes of the Special Heading elements were configured manually. You have to adjust them by editing the elements and adjusting the values in the Styling > Font Sizes panel. Let us know the result.

Best regards,
Ismael

Hey Martin,

Please try the following in Quick CSS under Enfold->General Styling:

.av-masonry-entry .av-masonry-entry-title {
  font-size: 24px;
}

Best regards,
Rikard

Hey Andreotti,

Thank you for the inquiry.

You can adjust the font size in Enfold > General Styling > Typography, and for additional configurations, you can edit the Main Menu elements in Enfold > Advanced Styling. Let us know if you need further assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, you can adjust the style as you wish and include the font-family property if you want to change the font:

.grid-entry-title {
    font-size: 13px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-family: 'Roboto';
}

If you want to adjust the font globally, go to Enfold > General Styling > Fonts tab. For more info, please refer to this documentation: https://kriesi.at/documentation/enfold/typography/#overview

Best regards,
Ismael

Hi,
For the /artikler/ page titles to look like the /blog/ page titles,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.grid-sort-container .grid-entry-title {
	font-weight: 600;
	font-size: 15px;
}

or for the other way:

.av-masonry-entry-title.entry-title {
	font-weight: 500;
	font-size: 13px;
}

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

Best regards,
Mike

Hi,

Thank you for the update.

If you need to specifically target the elements in the mega menu, you can start with this css code — take note of the comments:

/* description */
#top #header .avia_mega_div > .sub-menu > li > ul li {
    font-size: 100px;
}

/* menu items */
#top #header .avia_mega_div .sub-menu li a .avia-menu-text {
    font-size: 50px;
    padding: 50px 0;
}

/* mega menu title */
#top #header .mega_menu_title {
    margin-bottom: 8px;
    font-size: 90px;
    line-height: 1.1em;
    font-weight: 600;
    display: block;
}

You may need to remove this css code:

.sub-menu li a .avia-menu-text {
    font-size: 20px !important;
    padding: 20px 0 !important;
}

And make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache after the modification.

Best regards,
Ismael

Hey spokerstradingco,

Please continue here: https://kriesi.at/support/topic/change-text-size-of-links-and-font-family-in-mega-menu/

Best regards,
Ismael

Hey John,

Thank you for the inquiry.

You may need to adjust the font sizes in the Enfold > General Styling > Typography tab. Let us know if you need further assistance.

Best regards,
Ismael

Hey Dzimnikov,

Thank you for the inquiry.

Try to add this script in the functions.php file to create another container below the product description or shop banner :

function ava_custom_add_shipping_text_script() { 
    if (is_shop()) { 
    ?>
        <script>
            (function ($) {
                $(document).ready(function () {
                    var newContainer = $('<div class="av-custom-shipping-container"><p>Free Shipping on All Orders!</p></div>');
                    $('#av_product_description .container').after(newContainer);
                });
            }(jQuery));
        </script>
    <?php 
    }
}
add_action('wp_footer', 'ava_custom_add_shipping_text_script', 99);

Then add this css code to adjust the style of the new container:

#top .av-custom-shipping-container {
    background: red;
    padding: 20px;
}

#top .av-custom-shipping-container p {
    color: #ffffff;
    font-size: 40px;
}

Best regards,
Ismael