Hey Elke,
Try this code in the General Styling > Quick CSS field:

@media only screen and (min-width: 767px) and (max-width: 990px) {

		/*header*/		
		.responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
		.responsive #top #main {padding-top:0 !important; margin:0;}
		.responsive #top #main .container_wrap:first-child{ border-top:none; }
		.responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
		
		
		.responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
		.responsive .logo a{display:table-cell; vertical-align: middle;} 
		.responsive .logo img{height:80px !important; width:80px !important;  display: block;  max-height: 80px;}
		.responsive #header_main .container{height:auto !important; }
		.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
		.responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
		.responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
		.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
		.responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
		.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
		.responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
		.responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
		.responsive #header .social_bookmarks li{float:none; display: inline-block;}
		.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
		.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
		.responsive .logo img{margin:0;}
		.responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
		.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
		
		.responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
		.responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
		
		.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
		.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
		.responsive #top .av_header_transparency #header_main_alternate, 
		.responsive .av_header_transparency #header_main .social_bookmarks li a,
		.responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
		.responsive #top .av_header_transparency #header_meta, 
		.responsive #top .av_header_transparency #header_meta li,
		.responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
		.responsive.html_top_nav_header .av-logo-container{height:auto;}
		.responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}

/*new mobile*/
		.responsive .av-burger-menu-main{display: block;}
		.responsive #top #wrap_all .main_menu{top:0;height:80px;left:auto;right: 0;display: block;position: absolute;}
		.responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
		.responsive #top .av-main-nav .menu-item{display:none;}
		.responsive #top .av-main-nav .menu-item-avia-special{display:block;     padding-right: 100px !important;}
		.responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
		.responsive #header_main_alternate{display:none;}
		.responsive #top #header .social_bookmarks{display:none;}
		.responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
		.responsive #top .av-logo-container .avia-menu{height:100%;}
		.responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
		.responsive #top #main .av-logo-container .main_menu{display:block;}
		.responsive #top #main .av-logo-container .social_bookmarks{display:none;}
		.responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
		.responsive #top #main .av-logo-container .main_menu{display:block;}
		.responsive #top #header_main > .container .main_menu  .av-main-nav > li > a,
		.responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
		.responsive #top #wrap_all .av-logo-container {padding-left:10% !important; }
		.responsive #top #header_main > .container .main_menu  .av-main-nav > li > a{
			min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
		}
		.responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
		.responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
		background:transparent;
		color: inherit;
		}
.html_cart_at_menu.html_header_sidebar #header_main .avia-menu {
    margin-top: 0px;
}
.responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget {
  display: none;
}
.html_header_sidebar #menu-item-shop.cart_dropdown {
    right: 80px;
    border: none;
    margin-top: 15px;
}
.html_header_sidebar #header .container {
	width: 85%;
}
}

and clear your autoptimize plugin, and browser cache.

Best regards,
Mike

Hey navindesigns,
To have the css only effect the first page, add the page ID to the css. The page ID for the first page is: page-id-5655
So your result is:

.page-id-5655 .av-inner-tab-title {
font-size: 18px !important;
color: #ffffff !important;
font-weight: 400 !important;
text-transform: uppercase;
    font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.page-id-5655 .av-tab-section-tab-title-container {
	background-color: #7f7f7f !important;
}

.page-id-5655 .av-inner-tab-title{
    min-width: 190px!important;
}

I have made this change, please clear your browser cache and check.

Best regards,
Mike

Hey FJakub,
Try this code in the General Styling > Quick CSS field:

.header_color .sub_menu>ul>li>a {
font-size: 12px !important;
color: red !important;
}
.header_color .main_menu ul:first-child > li > a {
font-size: 14px !important;
color: blue !important;
}

Best regards,
Mike

Hi,
I see that this text has a H1 heading, so that makes since as to the conflict. Would you like help in writing manual media queries?
If so please tell us what font size you would like for which screen sizes.

Best regards,
Mike

Hey etical,
Depending on the css you added to the child theme, it may be overriding the options you set in the text block.
Try removing the css code in the child theme and only use the options in the text block to manage your font sizes for all devices. Or please post your admin login in the private content area, with more details on what you are trying to achieve, so we can take a closer look.

Best regards,
Mike

Hey yoice,
Unter der Annahme, dass der Sektor korrekt ist, könnten Sie versuchen, am Ende Ihrer Regeln wichtige hinzuzufügen. Aber wir müssen die Seite und das Element sehen, um sicherzustellen, dass dies der richtige Sektor ist.

.grid-entry-excerpt {
font-size: 16px!important; 
font-style: normal!important; 
margin-bottom: -2px;
}

—-translate—

Assuming that the sector is correct, you could try adding important to the end of your rules. But we will need to see the page and element to ensure that this is the correct sector.

.grid-entry-excerpt {
font-size: 16px!important; 
font-style: normal!important; 
margin-bottom: -2px;
}

Best regards,
Mike

Hi,
Please add this custom css to WordPress > Customize > Additional CSS:

#top.page-id-7906 #cf7-contact-form #wpcf7-f8176-p7906-o1 input[type="submit"].wpcf7-form-control.wpcf7-submit {
    width: 30% !important;
    padding: 9px 1px!important; 
    font-size: 10px !important;
}

#top.page-id-7906 #cf7-contact-form #wpcf7-f8176-p7906-o1 input[type="email"].wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
   display: inline-block !important;
   width: 60% !important;
}

expected results

Best regards,
Mike

Hi,
For the text in your table that has opacity applied to it, please look in your custom css and replace:

/* font size */
.pricing-table>li {
    font-size: 14px;
    color: #ffffff !important;
    background: #000 !important;
    opacity: .3;
}

with:

/* font size */
.pricing-table>li {
    font-size: 14px;
    color: #ffffff !important;
    background: rgba(0, 0, 0,0.3)!important;
}

For your 1/4 empty cells, I see the one on the right has the class “empty-table-cell” but the one one the left doesn’t. If you add this class to the one on the left you could use this css to hide them both:

li.empty-table-cell {display:none !important;}

Best regards,
Mike

Hi!

You can use the code as following

.footer .avia-button {
	font-size:30px !important;
}

Cheers!
Yigit

Hi,
Please see screenshot in Private Content area of where the class “wem” is.
Sorry, your right I did forget about the footer.
Please try this css:

@media only screen and (min-width: 767px) and (max-width: 1132px) {
#footer .textwidget p {font-size: 75% !important;}
#footer .container {
    padding-right: 20px!important; 
    padding-left: 20px!important; 
} 
#footer div .av_one_fourth {
    margin-left: 3% !important; 
    width: 22% !important; 
}
}

Please see screenshot in Private Content area for the expected results.

Best regards,
Mike

Hey hector1069,
Sorry, currently the way it is within the element doesn’t allow a easy way to move it out of the element and display to the left on it’s own. But we can give it a larger font and put a box around it to help make it stand out.
Try this code in the General Styling > Quick CSS field:

.av-upcoming-event-meta .av-upcoming-event-schedule {
    font-size: 16px !important;
    border-style: solid;
    border-color: #800000;
    border-width: 1px;
    width: 40%;
    padding: 0 5px;
    text-align: center;
}

and see the expected results in the Private Content area.

Best regards,
Mike