Hey Diana,

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

@media only screen and (max-width: 767px) {
input#avia_2_1 {
    border-width: 1px !important;
    font-size: 12px !important;
}
}

Best regards,
Rikard

Hi Alexander,

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

input.av-recaptcha-submit {
    border-radius: 30px;
    background: white;
    color: blue;
    font-size: 18px;
    border: 2px solid #ddd;
    width: 220px;
}

input.av-recaptcha-submit:hover {
    background: pink;
    color: white;
}

Best regards,
Rikard

Hi,

This CSS is applying, but I’m not sure where it’s coming from since you have file compression active:

h3 {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 8px;
}

You can try this CSS instead, or give us login details to that we can do it for you.

h3.av-special-heading-tag {
    line-height: 24px !important;
}

Best regards,
Rikard

Hey schizm00,
Thank you for your patience, for the first example I used a code block element:

the css is

.bio-title::before {
    content: "";
    width: 200px;
    height: 1px;
    background-color: #aaa;
    margin-right: 20px;
    box-sizing: border-box;
}
.bio-title::after {
    content: "";
    width: 200px;
    height: 1px;
    background-color: #aaa;
    margin-left: 20px;
    box-sizing: border-box;
}
.bio-title {
    font-size: 64px;
    text-align: center;
    color: #000;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

and the html structure is:
<h1 class="bio-title"><span>Bio</span></h1>
you could use a text element if you wish.
The result is:

For the second example I again used a code block element, inside a grid row element:

this is the code inside the code block:

<table>
<tbody><tr>
<td>Height</td>
<td>5’11</td>
</tr>
<tr>
<td>Nationality</td>
<td>American</td>
</tr>
<tr>
<td>Age</td>
<td>25</td>
</tr>
<tr>
<td>Bust</td>
<td>Natural</td>
</tr>
<tr>
<td>Shoe</td>
<td>10</td>
</tr>
<tr>
<td>Eyes</td>
<td>Blue</td>
</tr>
<tr>
<td>Hosting</td>
<td>Incall/Outcall</td>
</tr>
</tbody></table>

this is the result:

Please give this a try 🙂

Best regards,
Mike

Hey creativeopole,

Please edit this file:

/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.php

And move this line:

$atts = shortcode_atts( $default, $atts, $this->config['shortcode'] );

To after this line:

extract( AviaHelper::av_mobile_sizes( $atts ) ); //return $av_font_classes, $av_title_font_classes and $av_display_classes 

We can do if for if you provide us with login details in private.

Best regards,
Rikard

Hi Christof,

You can fix that by editing this file:

wp-enfold/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.php

Move

$atts = shortcode_atts( $default, $atts, $this->config['shortcode'] );

after

extract( AviaHelper::av_mobile_sizes( $atts ) ); //return $av_font_classes, $av_title_font_classes and $av_display_classes 

We can do it for you if you provide the appropriate details for us in private.

Best regards,
Rikard

Hi,

Please try this CSS instead:

h3.avia-form-success {
  font-size: 30px !important;
}

If that doesn’t help, then please post admin WordPress login details in private.

Best regards,
Rikard

Hi,

Thanks for the update. You need to edit this file:

/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.php

Then move this line:

$atts = shortcode_atts( $default, $atts, $this->config['shortcode'] );

To just after this line:

extract( AviaHelper::av_mobile_sizes( $atts ) ); //return $av_font_classes, $av_title_font_classes and $av_display_classes

If you need help with that, then we can do it for you.

Best regards,
Rikard

Hey jleclair87,

Thank you for the inquiry.

You can use this css to adjust the font size of the contact form response text.

.avia_ajax_form .ajaxresponse {
   font-size: 2em;
   font-size: 32px;
}

Best regards,
Ismael

Hi,

Thanks for the update. You need to add the URL in the widget, not via CSS.

#custom_html-3 a.avia-button {
color: #red;
background #010;
font-size: 20px;
}

The color argument is not valid CSS. Use only red, or a hexadecimal code, # followed by 6 digits. The background argument is not valid either, if you are going to use 3 digits, then they all have to be the same. It’s better that you stick to 6 digits. You can easily find answers to basic programming like this, on http://w3schools.com/.

Best regards,
Rikard

Hi,

You have this in Quick CSS which is setting that:

#top .av-subnav-menu li a {
    font-size: 16px;
    font-weight: bold !important;
}

Please adjust or remove it. If you need to adjust the font, then please refer to this: https://www.w3schools.com/cssref/pr_font_font-family.asp, and add that to your CSS.

Best regards,
Rikard

Hi,

You have this in Quick CSS which is setting that:

#top .av-subnav-menu li a {
    font-size: 16px;
    font-weight: bold !important;
}

Please adjust or remove it. If you need to adjust the font, then please refer to this: https://www.w3schools.com/cssref/pr_font_font-family.asp, and add that to your CSS.

Best regards,
Rikard

Hi,
Thank you for your patience, and for the login to your site, your issue was with your Quick CSS custom css, I started by removing all of your css and adding it back a little at a time, I found some errors and tried correcting them, in the end these are the two rules that seemed to be cuasing the problem:

#header .main_menu {
/*background: gold;*/
width: 100%;
left: 50%;
transform: translateX(-50%);
}

.av-main-nav-wrap {
left: 50%;
transform: translateX(-50%);
}

Please clear your browser cache and check.

For your information, this was your original css:

/* HEADER */

.navbar, .page-title-section {
display: none;
}

.inner-container {
	position: relative;
	height: 150%;
	width: 100%;
	margin-top: 0px;
}

.responsive .logo img {
	margin: 45px 0 10px 0;
}

.header-introduction-small .section-head h1 {
	letter-spacing: 0;
	font-size: 40px !important;
	font-weight: 100;
	opacity: 0.6;
	padding: 150px 0px 0px 0px;
}

#top .av-main-nav ul a {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	line-height: 23px;
	padding: 8px 15px;
	font-size: 17px;
	min-height: 23px;
	max-width: none;
	text-decoration: none;
	font-family: inherit;
	text-transform: uppercase;
}

#top #wrap_all .av_header_transparency {
	background-color: transparent;
	color: #131313;
	border-color: #ebebeb;
}

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
	background-color: #000;
	color: #fff;
}

.av-main-nav ul li:last-child > a {
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

.av-main-nav ul li a {
	border-right-style: solid;
	border-right-width: 0px;
	border-left-style: solid;
	border-left-width: 0px;
}

/* BODY */

#top .av_inherit_color a {
	text-decoration: none;
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
	color: #fff;
	line-height: inherit;
	font-size: 26px;
	font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}

#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
	border: 1px solid #F00;
}

#top #wrap_all .error .input_checkbox_label {
	color: #F00;
}

.avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px !important;
	letter-spacing: 0.05em;
}

.avia-button.avia-size-medium {
	font-size: 16px;
}

strong, b {
	font-weight: normal;
}

#top .av-flex-placeholder {
	display: table-cell;
	width: 1%;
}


/* FOOTER*/


/* SOCKET*/

#socket .copyright {
	float: left;
	font-size: 16px;
}

.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover {
	color: #ffffff;
	font-size: 16px;
}



.av-main-nav > li > a {
	padding: 0 23px;
	font-size: 18px;
        text-transform: uppercase;
       font-family: 'cormorant-garamond','HelveticaNeue','Helvetica       Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
	}



 @media only screen and (min-width: 780px) {
/*In the below code nth-child(x) the value of x should be half the number of total menu items*/
#top #header .av-main-nav li:nth-child(2) {
/* Adjust the width of the logo */
margin-right:15%;
}

#top #header .av-main-nav li:nth-child(3) {
/* Adjust the width of the logo */
margin-left:15%;
}



#header .main_menu {
/*background: gold;*/
width: 100%;
left: 50%;
transform: translateX(-50%);
}

.av-main-nav-wrap {
left: 50%;
transform: translateX(-50%);
}

#header .logo {
left: 50%;
transform: translateX(-50%);
z-index:999;
}

#header .logo img {
top: 20%;
transform: translateY(-50%);
max-width: 250px;
}
}


/* Top Bar content alignment */

#top #header_meta .container {
           display: flex;
           justify-content: center;
}

#top #header_meta .sub_menu {
           top:0;
}
#top #header_meta .sub_menu,
#top #header_meta .social_bookmarks {
           align-self: center;
}

#top #header_meta .phone-info {
           order: 2;
}

#top #header_meta .phone-info span {
           display: flex;
           align-items: center;
}

#top #header_meta .sub_menu {
           order: 1;
}
#top #header_meta .social_bookmarks {
           order: 3;
}


#avia-menu {
width:1300px !important;
}

#menu-item-551 {
    margin-left: 0 !important;
}

/*fabio burger menu */
 @media only screen and (max-width: 1199px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}
.container.av-logo-container .header_main_alternate .container{
left:70%!important;
}
#avia-menu {
  float: right; 
   width: auto !important;
}
}

and this is what you have now:

/* BODY */

#top .av_inherit_color a {
    text-decoration: none;
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    color: #fff;
    line-height: inherit;
    font-size: 26px;
    font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}

#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
    border: 1px solid #F00;
}

#top #wrap_all .error .input_checkbox_label {
    color: #F00;
}

.avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px !important;
    letter-spacing: 0.05em;
}

.avia-button.avia-size-medium {
    font-size: 16px;
}

strong, b {
    font-weight: normal;
}

#top .av-flex-placeholder {
    display: table-cell;
    width: 1%;
}


/* FOOTER*/


/* SOCKET*/

#socket .copyright {
    float: left;
    font-size: 16px;
}

.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover {
    color: #ffffff;
    font-size: 16px;
}
/*fabio burger menu */
 @media only screen and (max-width: 1199px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}
.container.av-logo-container .header_main_alternate .container{
left:70%!important;
}
#avia-menu {
  float: right; 
   width: auto !important;
}
}
/* Top Bar content alignment */

#top #header_meta .container {
        display: flex;
        justify-content: center;
}

#top #header_meta .sub_menu {
        top:0;
}
#top #header_meta .sub_menu,
#top #header_meta .social_bookmarks {
        align-self: center;
}

#top #header_meta .phone-info {
        order: 2;
}

#top #header_meta .phone-info span {
        display: flex;
        align-items: center;
}

#top #header_meta .sub_menu {
        order: 1;
}
#top #header_meta .social_bookmarks {
        order: 3;
}
#menu-item-551 {
    margin-left: 0 !important;
}

/* HEADER */

.navbar, .page-title-section {
    display: none;
}
    
.inner-container {
    position: relative;
    height: 150%;
    width: 100%;
    margin-top: 0px;
}

.responsive .logo img {
    margin: 45px 0 10px 0;
}

.header-introduction-small .section-head h1 {
    letter-spacing: 0;
    font-size: 40px !important;
    font-weight: 100;
    opacity: 0.6;
    padding: 150px 0px 0px 0px;
}

#top .av-main-nav ul a {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    line-height: 23px;
    padding: 8px 15px;
    font-size: 17px;
    min-height: 23px;
    max-width: none;
    text-decoration: none;
    font-family: inherit;
    text-transform: uppercase;
}

#top #wrap_all .av_header_transparency {
    background-color: transparent;
    color: #131313;
    border-color: #ebebeb;
}

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    background-color: #000;
    color: #fff;
}

.av-main-nav ul li:last-child > a {
    border-bottom-style: solid;
    border-bottom-width: 0px;
}

.av-main-nav ul li a {
    border-right-style: solid;
    border-right-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
}
.av-main-nav > li > a {
    padding: 0 23px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'cormorant-garamond','HelveticaNeue','Helvetica       Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
}
/* HEADER */

.navbar, .page-title-section {
    display: none;
}
    
.inner-container {
    position: relative;
    height: 150%;
    width: 100%;
    margin-top: 0px;
}

.responsive .logo img {
    margin: 45px 0 10px 0;
}

.header-introduction-small .section-head h1 {
    letter-spacing: 0;
    font-size: 40px !important;
    font-weight: 100;
    opacity: 0.6;
    padding: 150px 0px 0px 0px;
}

#top .av-main-nav ul a {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    line-height: 23px;
    padding: 8px 15px;
    font-size: 17px;
    min-height: 23px;
    max-width: none;
    text-decoration: none;
    font-family: inherit;
    text-transform: uppercase;
}

#top #wrap_all .av_header_transparency {
    background-color: transparent;
    color: #131313;
    border-color: #ebebeb;
}

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    background-color: #000;
    color: #fff;
}

.av-main-nav ul li:last-child > a {
    border-bottom-style: solid;
    border-bottom-width: 0px;
}

.av-main-nav ul li a {
    border-right-style: solid;
    border-right-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
}

@media only screen and (min-width: 766px) {
#top #header .av-main-nav li:nth-child(2) {
/* Adjust the width of the logo */
margin-right:15%;
}
#top #header .av-main-nav li:nth-child(3) {
/* Adjust the width of the logo */
margin-left:15%;
}
#header .logo img {
top: 20%;
transform: translateY(-50%);
max-width: 250px;
}
#header .logo {
left: 50%;
transform: translateX(-50%);
z-index:999;
}
}

@media only screen and (min-width: 1200px) {
#avia-menu {
    width:1200px !important;
}
}

Best regards,
Mike

Hey joliver8855,

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

#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
    font-size: 15px;
    color: red;
}

Best regards,
Rikard

Hey PowerBusWay,

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

.av-masonry-entry .av-masonry-entry-title {
    font-size: 25px;
}

Best regards,
Rikard

Hi,
Thank you for the feedback, in order to do this you will need several different css rules. Please try these for sizes up to 1024px:

@media only screen and (max-width: 374px) { 
#top.home #home-content-slider {
    background-size: contain !important;
}
#top.home #home-content-slider > .container {
	max-height: 140px !important;
}
#top.home #home-content-slider > .container > .content {
	padding: 0 !important;
}
#top.home #home-content-slider h3.entry-title {
	font-size: 14px !important;
}
#top.home #home-content-slider .groot {
	padding: 10px;
}
}

@media only screen and (min-width: 375px) and (max-width: 480px) { 
#top.home #home-content-slider {
    background-size: cover !important;
}
#top.home #home-content-slider > .container {
	height: 185px !important;
}
#top.home #home-content-slider h3.entry-title {
	font-size: 24px !important;
}
#top.home #home-content-slider > .container > .content {
	padding: 0 !important;
}
}

@media only screen and (min-width: 481px) and (max-width: 767px) { 
#top.home #home-content-slider {
    background-size: cover !important;
}
#top.home #home-content-slider > .container {
	height: 300px !important;
}
}

@media only screen and (min-width: 767px) and (max-width: 988px) { 
#top.home #home-content-slider {
    background-size: cover !important;
}
#top.home #home-content-slider > .container {
	height: 345px !important;
}
}

@media only screen and (min-width: 989px) and (max-width: 1024px) { 
#top.home #home-content-slider {
    background-size: cover !important;
}
#top.home #home-content-slider > .container {
	height: 420px !important;
}
}

Then clear your browser cache and check.

Best regards,
Mike