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

Hi,

Thank you for the update.

Have you tried adjusting the font size settings in the Enfold > General Styling > Typography tab? You can set different font sizes for various screen sizes. For mobile view, try adjusting the font size in the Very Small dropdown.

Best regards,
Ismael

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #header .mega_menu_title,
#top #header .mega_menu_title a {
    font-size: 12px;
}

Best regards,
Mike

Hi,

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:

@media only screen and (max-width: 479px) { 
#top #wrap_all #main h4.av-special-heading-tag,#top #wrap_all #main h6.av-special-heading-tag {
    font-size: 8px;
}
}

adjust the font size to suit

Best regards,
Mike