Additional question:
Please take a look again at https://www.sensity.pl/bookly-test-site/. I’ve set additional horizontal menu to use socket color scheme. Why the menu inherits only some of socket style, for ex. colors and font size, but does not inherit hoover effect (color change and underline)? How to make menu work like socket below?

Regards!
Chris

• This reply was modified 4 years, 11 months ago by kwlodar.

Hi,
The problem is not between backend (visual editor) and frontend (online page https://birkinhotel.com). The problem is on the version of the preview page because it is different from the online frontend page.

The same problem occurs in the code editor, which is different from the work done on the visual editor. As if the code editor didn’t save anymore! This problem is present for all pages of the web site!

Other problems encountered:

1. The full-width submenu on the mobile no longer works. Menu links work perfectly on desktop, but on mobile you click to go back to the top of the page, as if the anchor text isn’t working.
2. On mobile, the block code present for example on the home page does not return the correct font (Side). On another Enfold site this does not happen to me (the code and the theme are the same).
3. In some pages (for example Collection) the filling between one section and another has some bugs. The correct size is never displayed between sections during installation. This problem occurs on both the desktop and mobile versions.

the example screenshots of the errors: https://drive.google.com/drive/folders/15moV6hQ4z1D1pFHSL9iFzM6RYxXj4Rlc?usp=sharing

I really need to resolve these issues before delivering the site to my client.

Thank you

• This reply was modified 4 years, 11 months ago by EdoardoFadda.

Two questions:

1. I am using the default fonts that came with Enfold. I have changed the font size for some of the elements. Can you provide me with url where I can download whatever fonts I am using in my site? My site is: https://www.neotel2000.com/

2. Once I have imported/uploaded all the fonts, how do I stop from the theme to keep calling fonts.googleapis.com? Where is located the call? In which file?

I am using Enfold Child them BTW.

Many thanks

No that didn’t work Rikard

This is what I have in the Quick CSS field

/*Tab Section – Icon Title Upper and Lower Case*/
.av-tab-section-container .av-inner-tab-title {
text-transform: none;
font-size: 17px;
}

/*Tab Section – Icon, Image Padding*/
.av-tab-section-container .av-tab-section-tab-title-container a {
padding-left: 15px !important;
padding-right: 15px !important;
}

/*Tab Section – font margin, padding*/
av-tab-with-image .av-inner-tab-title {
display: table;
margin: 0 auto;
}

/*Tab Section – Icon, Image Size*/
.av-tab-section-container .av-tab-section-image {
height: 150px;
width: 150px;
}

We are using the Tab Section for the Team Members Descriptions on
– https://crestpointpsychology.com.au/make-a-booking/
– https://crestpointpsychology.com.au/crestpoint-psychology-team/

I found this Code , it works , the arrows are there.
But dont work it when i click it
How can i change it , the correctly use?

/* Arrow tabs section. */
.av-tab-section-outer-container:after, .av-tab-section-outer-container:before {
font-family: ‘entypo-fontello’;
font-size: 60px;
position: absolute;
top: 300px;
z-index: 1000;
padding: 30px 15px 30px 15px;
background: ;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
color: grey!important;
pointer-events:none;
}
.av-tab-section-outer-container:after {
content: ‘\e879’;
right: 20px;
}
.av-tab-section-outer-container:before {
content: ‘\e878’;
left: 20px;
}
.av-tab-section-outer-container.av-start:before, .av-tab-section-outer-container.av-end:after {
opacity: 0;
visibility: hidden;
}

Php

function tab_section_arrows(){
?>
<script>
(function( $ ) {
var $ts = $(‘.av-tab-section-outer-container’);
var $tab = $ts.find(‘.av-section-tab-title’);

getActiveTab();

$tab.on(‘mouseup’, function() {
setTimeout(getActiveTab, 100);
});

function getActiveTab() {
if( $tab.first().hasClass(‘av-active-tab-title’) ) {
$ts.addClass(‘av-start’);
$ts.removeClass(‘av-end’);
} else if ( $tab.last().hasClass(‘av-active-tab-title’) ) {
$ts.addClass(‘av-end’);
$ts.removeClass(‘av-start’);
} else {
$ts.removeClass(‘av-start’);
$ts.removeClass(‘av-end’);
}
}

}(jQuery));
</script>
<?php
}
add_action(‘wp_footer’, ‘tab_section_arrows’);

Thanks! I actually used this code to achieve my goal! I had just forgot to use the “@media only…” at first!

@media only screen and (max-width:989px) {
.sub-menu li a .avia-menu-text {
font-size:20px!important;
color: #d99e45;
}}

You can close this!

Everything is said above. If you see this like me:

second color-section (green bg) with columns set to equal height and with negative shift of all columns to top – here everything is ok.
on bottom a color-section ( yellow one ) a copy of all columns – but set to individual height – same negative margin to shift to top – overlapping 3 columns – the fist looks out a bit – caused to margin-left : 0 – on mobile – totaly overlapping of all 3 columns.

for you to copy:

[av_section min_height='25' min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#d65799' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-kn75k2l9' sc_version='1.0'][/av_section]

[av_section min_height='25' min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#83a846' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-kn75k86o' sc_version='1.0']

[av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='aviaTBcustom_margin' margin='-200px,0px' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='30px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#e5e5e5' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-kn75l7zt' sc_version='1.0']

[av_heading heading='Eine nette Überschrift' tag='h3' style='' subheading_active='' show_icon='' icon='' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' icon_color='' margin=',,,,' padding='10' icon_padding='10' link='' link_target='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-3khuw' sc_version='1.0'][/av_heading]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='30px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#ede2d3' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-kn75m2i6' sc_version='1.0']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-9k2g' sc_version='1.0']
Klicke hier, um Ihren eigenen Text einzufügen
[/av_textblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='30px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#ede2d3' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-1vw80' sc_version='1.0']

[av_heading heading='Eine nette Überschrift' tag='h3' style='' subheading_active='' show_icon='' icon='' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' icon_color='' margin=',,,,' padding='10' icon_padding='10' link='' link_target='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-1ed7c' sc_version='1.0'][/av_heading]

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-rl7w' sc_version='1.0']
Klicke hier, um Ihren eigenen Text einzufügen
[/av_textblock]

[/av_one_third][/av_section][av_section min_height='25' min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#eeee22' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-kn75tsfl' sc_version='1.0']

[av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='aviaTBcustom_margin' margin='-200px,0px' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='30px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#e5e5e5' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-kn75tmau' sc_version='1.0']

[av_heading heading='Eine nette Überschrift' tag='h3' style='' subheading_active='' show_icon='' icon='' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' icon_color='' margin=',,,,' padding='10' icon_padding='10' link='' link_target='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-3zd4c' sc_version='1.0'][/av_heading]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='30px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#ede2d3' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-37i6s' sc_version='1.0']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-2l0rw' sc_version='1.0']
Klicke hier, um Ihren eigenen Text einzufügen
[/av_textblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='30px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#ede2d3' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-1wz18' sc_version='1.0']

[av_heading heading='Eine nette Überschrift' tag='h3' style='' subheading_active='' show_icon='' icon='' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' icon_color='' margin=',,,,' padding='10' icon_padding='10' link='' link_target='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-1enuo' sc_version='1.0'][/av_heading]

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-uwqo' sc_version='1.0']
Klicke hier, um Ihren eigenen Text einzufügen
[/av_textblock]

[/av_one_third][/av_section]

Hi,
yep, that look better. But how do you explain text width and left indent (next to the image) are smaller with every post? And font-size getting bigger with every post?
I think there is something else that causes the problem.
Regards,
Ariane

All right. That doesnt work for german language because the break will not be where it should be. The german grammar is to complicated. However i simply changed the h3 fonts size. Many thanks for your help. That´s one reason i choose alsways enfold. Youve got a great customer support.
You can close the request.
regards
Oliver

Hi

If you go to this page its fine

https://investors.liveworkplay.community/step-1-identify-profitable-niche-interests-and-territories/

If you go this one its not so good

https://investors.liveworkplay.community/competitive-landscape/

I notice there is no ID that can be associated with a particular set of tabs so that font sizes can be different

What do you suggest ?

Hi Nikko:

I added the CSS code you sent me (see below) in the Quick CSS and the headlines are still italic.

To view the page, please go to ysblade.com and look for “Also on Your SOURCE”. I would like the font to be Arial, Helvetica, and I would like the ability to change the font size.
Thanks,
Kurt

#top .avia-builder-widget-area .widget li a {
font-style: normal;
font-family: Arial, Helvetica, sans-serif; }