Hi,
Sorry for the late reply, thanks for the login, if I understand correctly you should add a custom class to your element such as “gf-icon-box” and then use the css Jordan gave you with the custom class like:

.gf-icon-box h3.iconbox_content_title{
font-size:10px!important;
}

then this would work wherever it was posted. Please note have the custom class for the element is all lowercase letters and there is no preceding dot, but in the css there is a preceding dot.
The page you linked to above returned a 404 so I couldn’t demonstrate. Sorry but I can’t help with your CPTUI questions, I’m not that sure with it.

Best regards,
Mike

Hi,
Thank you for the login, I couldn’t find where “Footer Einstellungen” was getting added so I added the css below to overwrite it with “Datenschutzrichtlinie” I assume this is the correct text, if not just let us know what you would like it to say, or nothing.

.mfp-content h3.av-special-heading-tag {
	visibility: hidden;
}
.mfp-content h3:before {
  content: 'Datenschutzrichtlinie' !important; 
  font-size: 18px !important; 
  visibility: visible;
}

Please see the screenshot in Private Content area.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the link and screenshots, please try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field and then clear your browser cache and any cache plugin, and check.
The css is in the order of your questions and is specific for your homepage so it will not interfere with other pages, except the logo & footer css. Also feel free to adjust to suit.

#top.home .avia-content-slider-inner .slide-entry-excerpt {
	font-size: 12px !important; 
}

#top.home .avia-content-slider-inner .blog-categories.minor-meta,#top.home .avia-content-slider-inner .slide-meta {
	display: none !important;
}
#footer #recent-posts-3 a {
	font-family:'quicksand'!important; 
	font-size: 16px !important;
	font-style:normal !important; 
	font-weight:400 !important; 
}
.logo img,.logo a img {
    padding: 5px 0 !important; 
}

#top.home #av_section_4 > div.container > div > div > div > div.avia-testimonial-wrapper.avia-slider-testimonials {
	min-height: 201px !important; 
}

For your logo padding after scroll the header container has a max-height of 58px which skews the logo after adding the padding, I assume that you have set a custom height at: Enfold Theme Options > Header > Header Layout > Header Size please adjust this to allow for your new padding.

Best regards,
Mike

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

#avia-menu span.avia-menu-text {
	font-size: 16px !important; 
}

Then clear your browser cache and check.

Best regards,
Mike

Hey geraldinetay27,
To have the team members images in a circle and have their icon links below, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.team-img-container img {
    border-radius: 100%;
}
#top .avia-team-member .team-social {
    background: transparent;
    border: none;
    opacity: 1 !important; 
    visibility: visible;
    top: 100% !important; 
    left: 0;
    right: 0;
    bottom: 5px;
    height: 60px;
    text-align: center;
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    font-size: 15px;
    z-index: 1;
    position: relative !important; 
}
.team-social a {
    background: #f8f8f8 !important; 
}

Please adjust to suit and clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you, I see that the difference is that in my shortcode I was using the “currly quote”, please try using this shortcode:

[ av_notification title='Murphy’s Law: A case study in stress' icon_select='yes' icon='ue83f' font='entypo-fontello' color='green' border='' custom_bg='#444444' custom_font='#ffffff' size='large' close_btn='' cookie_lifetime='60' custom_class='' av_uid='av-5vd8dd' admin_preview_bg='']
You’re buried under paperwork, are behind on bills, your car won’t start, you know there’s that famous Austin traffic, and you have a big meeting with your boss and a VP of the company in 10 minutes. And GPS says you’re 25 minutes away.

[ av_hr class='invisible' height='5' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' id='' custom_class='' av_uid='av-4w2875' admin_preview_bg='']

Ug. Your mind is racing, you’re starting to sweat through your dress shirt, and now you cannot find your phone to call the mechanic, Uber, and your boss. But your phone is right where you left it: on the dashboard, but you forgot. Now, where are those keys? Probably in the ignition.
[ /av_notification]

Best regards,
Mike

Hey groupindependent,

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

.av-subnav-menu .avia-menu-text {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

Best regards,
Rikard

Hey beachcitiescryo,

Thank you for the inquiry.

Did you add this css code? It resizes the slideshow title to 20px.

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

If you didn’t add it, use that same code in the Quick CSS field and decrease the font size value. Please don’t forget to disable the file compression settings temporarily.

Best regards,
Ismael

Hey smarta-brett,

Please try this instead:

.single-product .entry-title {
  font-size: 20px !important;
}

Best regards,
Rikard

Hi,

I changed the code to following one

@media only screen and (max-width: 768px) {
.home #av_section_4 a.av-icon-char {
   padding: 15px;
}
.home #av_section_4 .av_icon_caption{
    font-size: 12px;
}
.home #av_section_4 h1.av-special-heading-tag {
    font-size: 30px;
}}

And now both social media and stream music sections are in one row on tablet and smartphone. Please make sure to flush cache and refresh your page a few times :)

Best regards,
Yigit

Hi,
After reading your question I was going to suggest excaping your apostrophe like this:
Murphy/’s Law
but I wanted to double check first so I took a look at your page but couldn’t find a Notification Box on it nor the text “Murphy’s Law”
So I tried to recreate your error on my own site with this shortcode:

[av_notification title='Murphy’s Law' icon_select='yes' icon='ue8d2' font='entypo-fontello' color='green' border='' custom_bg='#444444' custom_font='#ffffff' size='large' close_btn='' cookie_lifetime='60' custom_class='' av_uid='av-2begx3' admin_preview_bg='']
Murphy’s Law
[/av_notification]
<div id="gtx-trans" style="position: absolute; left: 240px; top: 93.4px;">
<div class="gtx-trans-icon"></div>
</div>

But I had no issues with the apostrophe:

So please try explaining again so we can try to help.

Best regards,
Mike

Hi,

Thank you for the update.

There are a lot of template modifications (header.php, footer.php, includes > loop-page.php) in the child theme folder. Please make sure that those files are up to date. Or disable them temporarily. The background was added directly in the body tag. You will find this code in the child theme’s header.php file.

<body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?> style="background:url(<?php echo get_the_post_thumbnail_url();?>) no-repeat center top transparent;background-size:100% 370px;">

Best regards,
Ismael

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

#avia-menu li a .avia-menu-text {
    font-size: 22px !important; 
}

If this doesn’t help, please include an admin login in the private content area so we can check for a rouge bracket or comma in your css causing the error.

Best regards,
Mike