Hey rhae,

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

.special_amp {
    font-family: inherit;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
}

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

Titles:

#footer .widgettitle {
    padding-left: 0;
    text-align: left;
}

Caption:

#footer .wp-caption-text {
    font-size: 15px;
}

Best regards,
Rikard

Hi,

Please try this CSS instead if you want it to apply to the whole site:

#top h3.slide-entry-title a {
  font-size: 18px;
}

Best regards,
Rikard

Hi,

Thank you for the info.

The following code is added in the style.css file, but when we try to edit the file from the Appearance > Editor panel, it’s blank. Why is that?

#footer .widgettitle + * {
    font-size: 12px !important;
}

Best regards,
Ismael

Hi,
Oh I see, the text transform was on a page, please try this css:

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none !important; 
}

For you post font please remove the previous css and clear your autoptimize plugin, and try this css in the WordPress > Customize > Additional CSS because it has priority:

#top.single-post h1.av-special-heading-tag {
    font-size: 34px !important; 
    font-weight: 700 !important; 
    line-height: 38px !important; 
    margin-bottom: 20px !important; 
    font-family: 'noticia text' !important; 
}
#top.single-post h2 {
    font-size: 33px !important; 
    font-weight: 700 !important; 
    line-height: 43px !important; 
    margin-bottom: 13px !important; 
    font-family: 'noticia text' !important; 
}
#top.single-post p {
    font-size: 19px !important; 
    font-weight: 400 !important; 
    line-height: 30px !important;
    font-family: 'noticia text' !important; 
}
#top.single-post li {
    font-size: 19px !important; 
    font-weight: 400 !important; 
    line-height: 30px !important;
    font-family: 'noticia text' !important; 
}

on the page your cloning from the first paragraph is italic, but on your page it’s not, so I assume we are ignoring that.

Best regards,
Mike

Hi,
Sorry for the late reply, to correct the checkbox please try this css:

#top.home .av_form_privacy_check {
	float: none !important;
}

For your placeholders and input text please disable your Fast Velocity Minify plugin and clear your Firefox cache and check.
It also seems that you do have the ::-webkit-input-placeholder for the Chrome browser, but I don’t see the ::-moz-placeholder that Firefox uses, please try adding this:

::-moz-placeholder {
  font-family: Gilroy-Bold !important; 
  font-size: 16pt !important;
}

Are you adding the css to the Quick CSS or to your child theme stylesheet?
Please try copying your custom css and pasting it in the WordPress > Customize > Additional CSS to see if you have any errors such as a missing bracket. The errors will show with a red “x”
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.

Best regards,
Mike

Hi,
Sorry for the late reply, I have taken a look at your first image again and see that you would like to move the date to the top under the headline and move the category to the end of your menu.
Please see the screenshot in Private Content area.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( 'body' ).each(function() {
$( this ).find( '.date-container' ).insertAfter( $(this).find('h2.post-title') );
$( this ).find( '.blog-categories.minor-meta' ).insertAfter( $(this).find('.current-menu-item') );
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

and this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #header .av-main-nav > li > a,.blog-categories.minor-meta > a {
    font-size: 17px !important;
    letter-spacing: 0.04em !important; 
    font-weight: bold;
    padding: 0 10px;
}

To correct your button hover color please try this css:

#top.single-post .avia-button-center a.avia-button:hover {
background: rgba(204, 204, 204, 1) !important;
}

Then clear your browser cache and check.

Best regards,
Mike

Hey grandscenewedding,

I’m not sure I understand your intentions, but you can target the phone number using this CSS in Quick CSS:

.phone-info span {
  font-size:18px;
}

Best regards,
Rikard

Hi,

Thank you for the update.

You have to replace it with the css code above. Here it is:

.html_av-submenu-hidden li a .av-submenu-indicator {
    font-size: 30px;
}

Best regards,
Ismael

Hey Charlotte,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#socket .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#socket .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#socket .social_bookmarks {
    height: 60px!important;
}
#socket span.copyright {
	font-size: 20px !important;
}

Please adjust to suit.

Best regards,
Mike

Hey danielfangli,

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

span.special_amp {
    color:inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
}

Best regards,
Rikard