Hi,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.avia-tooltip .inner_tooltip {
  font-size: 1.5em;
  line-height: 1.65em;
  color: #fff;
}
#top .av-tt-large-width {
    width: 350px;
}
.main_color .avia-tt, .main_color .avia-tt .avia-arrow, .main_color .avia-tt .avia-arrow {
    background-color: #add4ef;
}

Feel free to adjust to suit.
After applying the css, please clear your browser cache and check.
If this still doesn’t work for you then we will need to see your example so we can examine, so please create a test site online.

Best regards,
Mike

Hi,
Thank you for your patience, as I understand your issue, on your History portfolio page: /portofolio-histoire/ you want to increase the masonry mouse-over title with this css:

.masonry-portofolio {
font-size: 22px !important;
}

I didn’t find this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field or in your child theme ▸ style.css
So I tested this in your child theme ▸ style.css:

and checked with Chrome, Firefox, Edge in Windows and it worked correctly:

I also had the same results in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

Please clear your browser cache and check.

Best regards,
Mike

Hi,

Please try this:

.entry-content-wrapper p {
  font-size: 12px; 
}

Best regards,
Rikard

Hey joshuabcohen,

Thank you for the inquiry.

You can use this css code in the Enfold > General Styling > Quick CSS field to adjust the style of the slider caption title.

.responsive #top .avia-slideshow .avia-caption-title {
    font-weight: 600;
    line-height: 1.2em;
    font-size: 34px;
}

Best regards,
Ismael

Hi,

Thanks for the update. You shouldn’t have to deactivate the plugin, all that should be necessary is to turn off file compression under Enfold->Performance. I did that yesterday, and your site started working as expected then.

Please try this in Quick CSS for the question asked in private.

#text-2 a {
  font-size: 12px;
}

Best regards,
Rikard

Hi,

Glad to know that the modification is working. To adjust the style of the widget text and title, try to add this css code.

#wrap_all #footer .widget p, #wrap_all #footer.widget li a  {
    font-size: 16px;
    text-transform: initial;
}

#wrap_all #footer .widget .widgettitle {
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: initial;
}

And to adjust the text color, try to include this css code.

.footer_color h3, .footer_color a, .footer_color p, .footer_color strong {
    color: chartreuse;
}

Best regards,
Ismael

Hi,
Thanks for the feedback, try adding this css:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    z-index: 1010;
}
.headerMenuItem a {
	font-size: 12px;
}
.responsive #top #wrap_all #header_meta .social_bookmarks li a {
    color: #fff;
}
}

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

Best regards,
Mike

Hey Jacopotj,

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

.avia-cookie-consent .avia-cookie-consent-button {
    padding: 0.9em;
    font-size: 14px;
}

Best regards,
Rikard

Hi,

Thanks for the update. Please try this CSS instead:

@media only screen and (max-width:767px) {
  .home #av_section_1 {
    background-size: contain !important;
  }

  .home #av_section_1 .av-special-heading-tag {
    font-size: 48px !important;
    margin-bottom: 160px;
  }
}

Best regards,
Rikard