Hi Manuel,

Thanks for contacting us!

1- We only provide support through our support forum so whenever you have a question or an issues, please start a new thread under Enfold sub forum – https://kriesi.at/support/forum/enfold#new-post

2- Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust it as needed

#socket {
    font-size: 14px;
}

3- Please go to Enfold theme options > Advanced Styling and edit “Main Menu sublevel Links”

4- Enfold numeric captcha adds a simple mathematical equation that needs to be answered correctly. It is of course not as advanced as Google reCaptcha but does not require you to mention anything in privacy policy as it does not use any data.

I hope that helps. Let us know if you have any other questions :)

Regards,
Yigit

Hey Tilman,

Please try this CSS as well:

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

Best regards,
Rikard

Hi,

Thank you for the update.

Try to add this css code to create more space for the icon and the title.

.avia-icongrid-tooltip li .avia-icongrid-front {
	padding: 0;
}

Make sure to include it inside the css media query that we created above. And to increase the size of the icon, try to adjust this css code.

.avia-icongrid-icon {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 0.5em;
	color: initial;
}

Increase the font-size from 18px to 30px or to any value that you prefer.

Best regards,
Ismael

Hi John,

This CSS which is added to Quick CSS, it currently applying the black colour:

.price span.woocommerce-Price-amount bdi, .price span.woocommerce-Price-amount bdi span {
    color: #000000 !important;
    font-size: 18px;
}

If you change that to blue, it’s should apply as expected.

Best regards,
Rikard

Hi,

If i change the icon the code for that icon must be found somewhere in the code, right?

Yes, that is true. That change will be reflected in the iconbox shortcode, which should look something like this in the shortcode field, located below the builder, if debug mode is enabled.

[av_icon_box icon='ue81f' font='entypo-fontello' title='IconBox Title' position='left' icon_style='' boxed='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_title_size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-klazh7am' sc_version='1.0' admin_preview_bg='']
Click to add your own text here
[/av_icon_box]

To enable the debug mode and to actually see the shortcodes below the advance layout builder, please use the snippet from the documentation.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

That value does not even matter because the icon_select parameter, which is a flag whether to display the icon for the av_button shortcode, is set to “no”, which means that the value ue800 will never be used and no icon will show for the av_button shortcode.

icon_select='no' icon='ue800

This is the whole av_button shortcode inside the Icon Box content.

[av_button label='FAQ' link='manually,#tab-id-2' link_target='' size='x-large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-pwom0ms'][av_button label='Preise' link='manually,#tab-id-1' link_target='' size='x-large' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-pdbb4xg']

Again, the av_button shortcode is a custom content previously added manually by someone in the Icon Box element’s Content editor and it is not a default option or it is not part of the Icon Box shortcode, so you can remove it if necessary.

Thank you for your understanding.

Best regards,
Ismael

Hey,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust as needed

#top .title_container.alternate_color .main-title a {
    color: orange;
    font-size: 20px;
}

:)

Best regards,
Yigit

Hi,

Sorry for the delay. We could use the following css code to adjust the size of the icon grid columns and decrease the font size of the icon and the title.

@media only screen and (max-width: 767px) {
.avia-icongrid-numrow-3 li, .avia-icongrid-numrow-4 li, .avia-icongrid-numrow-5 li {
	width: 50%;
}

.avia-icongrid-icon {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 0.5em;
	color: initial;
}

.av_icongrid_title.icongrid_title {
	font-size: 13px;
	text-align: center;
}
}

Here is how it should look after adding the css code above.

Screenshot: https://imgur.com/80Sr1eQ

And for the revolution slider or the image, try to insert the css code inside the css media query that we have just created above to decrease the height of the wrapper.

#rev_slider_26_3_wrapper {
	height: 200px !important;
}

Best regards,
Ismael