Hey,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

.avia-content-slider .slide-entry-title {
    font-size: 20px;
}

If that does not help, please post a screenshot showing the changes you would like to make :)

Best regards,
Yigit

Hi,
Thank you for the mock-up image, first, please look in your custom css and remove this css which makes the date & comments meta red:

.date-container,.comment-container a {
    color: #b41528 !important;
}

Then add this code to the end of your functions.php file in Appearance > Editor:

function new_custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( '.post-entry' ).each(function() {
$( this ).find( '.blog-categories.minor-meta' ).css({'color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'20px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
$( this ).find( '.post-meta-infos' ).css({'border-top':'2px solid #b41528','color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'0px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'new_custom_script');

Best regards,
Mike

Hi,

Thanks for that, please try this instead:

h3.slide-entry-title a {
  font-size:16px !important;
}

Best regards,
Rikard

Hi,
Sorry for the frustration, I have taken another look at your site and see that you do not have a child theme.
One reason your font customization in the advanced styling is not changing the font size is because I added this css to make your font size 19px as you had asked:

#top .all_colors p,#top .all_colors .toggle_content li {
    font-size: 19px !important; 
}

The advanced styling panel doesn’t offer the option to adjust the font size of the bullet list. When I adjusted the bullet list with the css was 19px wrong? Sorry, I don’t understand why you didn’t like it.
Anyways the other issue you are running into is your caching plugin, while you are creating your site please disable any caching and minifying, because this delays your ability to see your changes right away, and it can cause frustration as you may believe that changes are not taking effect.
Please also clear your browser cache as you make changes.

Best regards,
Mike

Hey LesleyJean,

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

#menu-item-29 a {
  font-family: 'Raleway';
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  background-image: url(‘https://bethelisecoaching.com/wp-content/uploads/2019/08/Beth-Elise-Button-BG.jpg’);
}

Best regards,
Rikard

Hi,
Sorry for the late reply and thank you for the login, I followed @Guenni007 suggestion and added this css into your Enfold Theme Options > General Styling > Quick CSS field and now your font size on your home page is 19px
Please clear your browser cache and check.

#top .all_colors p,#top .all_colors .toggle_content li {
    font-size: 19px !important; 
}

Best regards,
Mike

Hi,
Sorry about that it looks like in the top rule I should have had the class “.av-masonry-entry” instead of “.av-masonry” like this:

#top .av-masonry-entry:hover figcaption h3.av-masonry-entry-title {
    font-family: Gilroy-Bold !important; 
font-size: 16pt !important; 
}
#top .av-masonry figcaption h3.av-masonry-entry-title {
    font-family: Gilroy-Semibold !important; 
font-size: 16pt !important;
}

After replacing the css, Please clear your browser cache and check.
If this doesn’t correct, please remove this css so I can try again, it’s a little hard to test when the wrong css is in place.

Best regards,
Mike

Hi,

Thank you for the update.

Instead of adding the modification in every language, you can move it in the child theme’s style.css file. This way you won’t have to maintain 3 different source code.

Anyway, we added the following code in the Quick CSS field of each language and it didn’t disappear.

strong, b
{
font-size: 18px;
}

You’ll find it at the very bottom right above the comment.

/* WHAT ELSE ? */

Best regards,
Ismael

Hi,

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

@media only screen and (max-width: 767px) {
h1 span {
  font-size:32px !important;
}

h2 span {
  font-size:26px !important;
}
}

Best regards,
Rikard