Hey martabujan,

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

.blog h3.entry-title {
  font-size: 14px !important;
}

Best regards,
Rikard

Hey Andreas,

My german is not perfect but I think you are asking to change the font size of all your buttons? If so, then you can set that under Enfold->Advanced Styling. If that is not what you are looking for then please try to explain a bit further and post a link to your site so that we can have a closer look.

Best regards,
Rikard

Hi,
Glad to hear! I’m not exactly sure what you mean about “narrowing the menu, but not the header” but I think you mean to make the menu text smaller:

nav.main_menu span.avia-menu-text {
font-size: 12px !important;
}

If this doesn’t help, please explain with screenshots. https://postimg.cc/ works good for screenshots

Best regards,
Mike

Hey vagator78,

Thank you for using Enfold.

A css declaration from the base.css file overrides the plugin’s styling. You may need to declare the style manually in the Quick CSS field or the style.css file.

#top legend {
    font-size: 22.5px;
}

OR

.fsBody .fsLabel, .fsBody label {
    font-size: 22.5px;
    color: #595d64;
}

Best regards,
Ismael

Hey rawkfist0663,

Thank you for using Enfold.

Use the following css codes to adjust the font size on iPad view.

@media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  .av-image-caption-overlay-center {
    font-size: 11px !important;
  }
}

You can also set the column width to 50%.

Best regards,
Ismael

Hi,
Your code is good, and would work fine, but since you asked, I would like to see it like this:

@media only screen and (max-width: 767px) { 
   .title_container .main-title {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}
}

it’s just easier to read :)
As for your footer, I don’t see the error now, did you change it? I thought I saw the error at the url in the Private Content area?

Best regards,
Mike

Hey Erin,

Not sure if i understood you clearly however i checked your code in widget and corrected it by adding following code to Appearance > Editor > Functions.php

/**
 * Enqueue font-awesome styles
 */
function av_enqueue_fa() {
    wp_enqueue_style( 'font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' );
}
add_action( 'wp_enqueue_scripts', 'av_enqueue_fa' );

following code to Enfold theme options > General Styling > Quick CSS

.fa {
  padding: 20px;
  font-size: 30px;
  width: 70px;
  text-align: center;
  text-decoration: none;
  margin: 5px 5px;
}
.fa:hover {
    opacity: 0.7;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-instagram {
  background: #125688;
  color: white;
}

and kept only following in your widget

<a href="www.facebook.com/dongbucandi" class="fa fa-facebook"></a>

<a href="www.instagram.com/dongbucandi" class="fa fa-instagram"></a>

Could you please check your website again and elaborate if you are still having issues? Also, we would recommend you to use a child theme – https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#why-child-theme and update the theme to the latest version 4.3.2 – https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. You can check out the most recent news here – https://kriesi.at/blog

Best regards,
Yigit

Hey aevans130,
It seems that you have found a good solution for the issue, I assume that what you don’t like about it is having to call the stylesheet again. My first thought is that although you are calling it again I don’t believe the browser is going to download it again, only reorder it while parsing it.
But I thought of another way around this, by adding the styles to WordPress > Customize > Additional CSS which is the last one to load.

#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}

I then removed this from your widget:

<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">

and it is working, please check.

Best regards,
Mike