Hi,

Thanks for the update. I’ve set the font size for the h2 element to default under Advanced Styling, you can see that the sizes that you have set under General Styling->Typography are now applying.

Best regards,
Rikard

Hi,

If you take the h2 element as an example; you need to remove the h2 element from Advanced Styling, or not set the font size there. Otherwise that setting will override what you have set under General Styling->Typography.

Best regards,
Rikard

Hi,

Thanks for the update. The Advanced styling will override the typography settings, so please set your preferred font sizes there instead.

Best regards,
Rikard

Hey!

That;’s odd. It’s trying to render a color section inside the wc-block-components-product-metadata container. Did you install another extension for the cart page?

<div class="wc-block-components-product-metadata__description">

<p><!-- close content main element -->

</p><div id="av_section_1" class="avia-section av-1kyp15-9030148cefa3c746e7eea48a2f9eff09 main_color avia-section-default avia-no-border-styling avia-bg-style-scroll container_wrap fullsize">
<div class="container av-section-cont-open">
<div class="template-page content  av-content-full alpha units">
<div class="post-entry post-entry-type-page post-entry-16">
<div class="entry-content-wrapper clearfix">
<p>#top .av-special-heading.av-m36hux32-30fb6fe0a6b72a7cec61b44773014a1f{<br>
padding-bottom:10px;<br>
}<br>
body .av-special-heading.av-m36hux32-30fb6fe0a6b72a7cec61b44773014a1f .av-special-heading-tag .heading-char{<br>
font-size:25px;<br>
}<br>
.av-special-heading.av-m36hux32-30fb6fe0a6b72a7cec61b44773014a1f .av-subheading{<br>
font-size:15px;<br>
}</p></div></div></div></div></div></div>

Best regards,
Ismael

Hi,

Thank you for the info.

The rotator text doesn’t resize correctly because of this css code:

.av-rotator-container-inner span {
    font-size: 65px!important;
}

Please remove the css code or adjust it accordingly, and then make sure to purge the cache afterward.

Best regards,
Ismael

Hi,

We adjusted the font of the submit button and the padding as requested.

.avia_ajax_form .button {
    padding: 21px 50px;
    font-size: 15px;
    min-width: 200px;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-family: 'open sans', Helvetica, Arial, sans-serif;
    padding-bottom: 23px;
    padding-top: 25px;
}

Best regards,
Ismael

Hi,
I think this I understand now, try adding this css:

@media only screen and (max-width: 1023px) {
    .responsive #top #wrap_all #header .menu-item-search-dropdown>a {
        font-size: 24px;
    }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Gianluca,
Your audiowide font doesn’t have a thinner font size, so you can not change, I recommend choosing a different font.

Best regards,
Mike

Hi,

Thank you for the update.

We edited the code in the Quick CSS field:

.avia_ajax_form .button {
    padding: 21px 50px;
    font-size: 15px;
    min-width: 200px;
    letter-spacing: 0.05em;
    font-weight: 700;
}

Best regards,
Ismael

Hey Lene,

Thank you for the inquiry.

We edited the css rules in the Appearance > Customize > Extra CSS panel:

.topKnap a {
    width: 140px;
    height: 52px;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin-right: 6px;
    padding: 21px 50px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    float: right;
    min-width: 200px;
    letter-spacing: 0.05em;
    background-color: #55726f;
    border-radius: 50px;
    -moz-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
}

.topKnap a:hover {
    background-color: #55726f;
    color: #fff;
}

.responsive #top #header #header_main .inner-container .widget .fas {
    color: #55726f !important;
}

Best regards,
Ismael

Hey magdazafeir,

Thank you for the inquiry.

You can adjust the default font size in the Enfold > General Styling > Typography panel. You can also set values for different sizes. If you need more styling options, you can configure the style of the paragraph element in the Enfold > Advanced Styling panel.

Best regards,
Ismael

Hey Thumphreys,

You have an open media query in Quick CSS:

.logo img {
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .responsive .logo img {
        margin: 0;
        display: none;
    }
#top div .caption_center .slideshow_caption {
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 35px;
}

That is likely why the theme options are not applying.

Best regards,
Rikard

Hi,

Thank you for the update.

Concerning the subject. On tiny the labels are displayed on 2 lines and the warning is half hidden under the textarea.

We can’t find any posts with the comment section. Please provide a direct link.

Another small thing, the comment form and the share buttons are both intended to be displayed at the end of one article but their titles do not have the same font size. H3 to Leave a comment and H5 to Share this post.

Try to modify the enfold\comments.php file and look for this code around line 180:

$default_heading = 'h3';
		$args = array(
					'heading'		=> $default_heading,
					'extra_class'	=> ''
				);

Best regards,
Ismael

Hey dnweil,

You can change the font sizes for each screen size in the Styling tab for each slide.

Best regards,
Rikard