Hi,
Thank you for the link to your site, our documentation offers some tips on styling the subtext here: Main menu sub-text
Since your menu items are a little slimmer I adjusted the css a little, please try this in your Quick CSS:

#top #header #avia-menu li.menu-item a > .avia-menu-subtext{
	display: flex;
	margin-top: -35px;
	color: #808080;
	font-size: 12px;
	font-weight: lighter;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login to your site, on your /service-center/ page in your screenshot above I found that the wrong color showing (a bright blue) was the default browser user agent color, so no setting seemed to be applied from the Enfold Theme Options ▸ Advanced Styling
When I added the color and font size to your child theme stylesheet in your current .av-main-nav > li > a rule:

.av-main-nav > li > a {
    line-height: 35px!important;
    height: 35px!important;
	color: #00315c;
	font-size: 17px; 
  }

it worked correctly, so this points to your child theme stylesheet working but not the theme Enfold Theme Options ▸ Advanced Styling
I see in your WordPress ▸ Dashboard ▸ Tools ▸ Site Health ▸ Info ▸ Server both of your PHP memory limit & Max input time are negative values:

typically I would expect to see positive values:

So from your post above it sounds like everything was working fine until recently, so did you just update to PHP v8, if so it looks like the PHP setting are not the same for your previously PHP version, probably 7.4 and the new v8 on your server, try going back to v7.4 to test, and if that works try adjusting them to match.
If you didn’t change the PHP version since the error, then did you make any changes with the better search replace plugin and then noticed the error? This plugin is very powerful and can make serious unexpected changes, and has no fall back option.
If this is true, do you have a pre plugin server backup? You might need to use it to correct, I’m not sure.
If you don’t have a backup then you could add the css needed to correct your menu in your child theme stylesheet and not rely on the Enfold Theme Options ▸ Advanced Styling options.
I have not seen a case of the Advanced Styling not working and I don’t see any related errors?

Best regards,
Mike

Hey Elena,
Thanks for your question, the issue was that your css for category links was using “display:block”:

.custom-masonry-cat,
.avia-builder-el-0 .av-post-metadata-category-link a {
	 color: #719430;
	 font-family: 'caveat';
	 font-size: 16px;
	 text-align: center;
     display: block;
     font-weight: 700;
     text-transform: uppercase;
}

I changed to “display:inline”

.custom-masonry-cat,
.avia-builder-el-0 .av-post-metadata-category-link a {
	 color: #719430;
	 font-family: 'caveat';
	 font-size: 16px;
	 text-align: center;
     display: inline;
     font-weight: 700;
     text-transform: uppercase;
}

and now the categories are in one line:

please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the info.

The changes are not working because the advanced styling for the h3 element overrides the custom css. Try to use a more specific selector, or replace the previous css with the following code.

#top #wrap_all #main .avia-form-success {
    font-family: 'montserrat';
    font-size: 18px;
    background: transparent;
    color: red;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,
Please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

.avia-form-success {
	font-family: 'montserrat';
	font-size: 14px;
	background: transparent;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
In the Special Heading element, under the Styling Tab, this is where you will find the font size option.
Please ensure to are using a current version of Enfold v5.0.1, and you are looking in the Special Heading element, some elements may not have this option. If you still can’t find it, please create a new thread and include a recap, and WordPress admin access in the Private Content area. Since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.

Best regards,
Mike

Hi,

Thanks for the update. If you want to adjust the colour, then please change the above CSS to this:

.pricing-table li {
  font-size: 14px;
  color: red; 
}

.pricing-table li.avia-heading-row {
  font-size: 24px;
  color: blue; 
}

Best regards,
Rikard

Hey blaircomm1,

Thank you for the inquiry.

1.) You can use this css code to adjust the style of the masonry overlay.

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,1);
}

2.) For the caption title and content, please use this css code.

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    font-size: 2em;
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-content {
    font-size: 1em;
}

3.) It is working correctly on our end. Have you tried increasing the Animation Duration value and specify the Curtain Background Color?

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi Tom,

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

.pricing-table li {
  font-size: 14px;
}

.pricing-table li.avia-heading-row {
  font-size: 24px;
}

Best regards,
Rikard

Hi,

Thanks for that.

Captions; did you try to set font size values for all screen sizes in the element options? If not, then please try that out.

Please refer to this for your email problem; https://kriesi.at/documentation/enfold/contact-form/#my-contact-form-is-not-sending-emails-

Best regards,
Rikard

Hi Stefan,

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

@media only screen and (max-width: 767px) {
div.avia-cookie-consent p {
    font-size: 12px;
    line-height: 18px;
}
}

Best regards,
Rikard

Hey bemodesign,

Thank you for the inquiry.

There is a missing closing curly brace in the third css media query, which is probably why it affects the desktop view or why it is not working correctly. You can also combine the css rules inside a single css media query and remove the duplicates.

Please replace the above css with the following code.

@media only screen and (max-width: 768px) {
  .responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
    height: 420px !important;
  }

  .responsive #top .slideshow_caption {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .responsive #top .av_slideshow_full li img {
    width: 180% !important;
    max-width: 180% !important;
    margin-left: -45%;
  }
}

@media only screen and (max-width: 480px) {
  .responsive #top .slideshow_caption h2 {
    font-size: 14px !important;
  }
}

Best regards,
Ismael