Page 69 – Support | Kriesi.at – Premium WordPress Themes

Hey dondela,

Please try this in the phone number input box:

<div style="margin-right: 10px;"><a href="tel:123456789">[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' size='12px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-l1njjt67' sc_version='1.0' admin_preview_bg=''][/av_font_icon] 123456789</a></div><div><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' size='12px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-l1njjt67' sc_version='1.0' admin_preview_bg=''][/av_font_icon]  (Email address hidden if logged out) </a></div>

Best regards,
Rikard

April 6, 2022 at 10:26 am #1347388

In reply to: Menüpunkte nicht vollständig.

solf

Hi Nikko,
danke. damit bekommt man es etwas reguliert. Aber ich laufe Gefahr, dass die Links oben zu knapp werden. Kann ich die Button des 2. Untermenü isoliert verkleinern?
Ich meine font-size, line height und die Abstände der items nach oben und unten ..?
solf

===
Hi Nikko,
thank you. That way you can regulate it a bit. But I run the risk of the links above becoming too scarce. Can I make the buttons of the 2nd submenu smaller in isolation?
I mean font-size, line height and item spacing up and down..?

This reply was modified 3 years, 10 months ago by solf.

April 5, 2022 at 9:37 am #1347220

In reply to: Post Slider Font Size

Ismael

Hi,

Thank you for the update.

Try to use px or em units for the line-height property.

.avia-content-slider .slide-entry-title a {
    font-size: 14px;
    line-height: 16px;
}

Please make sure to purge the cache after adding the css modification.

Best regards,
Ismael

April 4, 2022 at 12:54 pm #1347131

Topic: change font family in submenu

in forum Enfold

TakiwaSoulArt

Participant

Hi,

I can’t understand why the font family in the submenu is suddenly different. It uses the font for headings and also a different font size. This has not happened to me before … How can I change the font family and font size in the sub menu?

Many thanks and best regards,

Sabine

April 3, 2022 at 9:44 pm #1347076

In reply to: is it possible to get this layout?

Hey Jonas,
Thank you for your question, I was able to get pretty close to your mockup using columns with background images and custom css.
This is the desktop view:

notice that most are 1/3 square with the top left one being 2/3 square taking up 4 spaces, and in the middle right is one 1/3 tall being 2 blocks tall.
on tablet, 768px, they retain their ratios but are narrow:

and on mobile they all become full width and equal height:

So each of the columns has a custom class to create this and the one-third-tall & one-third-under have been set with top & clear to place them were they are. You will probably need to take care with how much content you add to these to not change their height.
You can remove the special-heading elements and the display: flex; align-items: center; from the css, as it was to center the special-heading.
If you Enable the Avia Layout Builder Debugger on your site you can add this page shortcode to test on your site:

[av_two_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-1.jpg' attachment='866' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='two-thirds' template_class='' aria_label='' av_uid='av-l1jjt2et' sc_version='1.0']

[av_heading heading='Two Thirds' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' 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='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l1jm7hat' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_two_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='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-2.jpg' attachment='862' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-l1jjtztc' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' 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='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l1jm81hx' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third][av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-4.jpg' attachment='863' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-2xo2xi' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' 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='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-74tlzq' sc_version='1.0' admin_preview_bg=''][/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='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-5.jpg' attachment='868' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-l1jjusx8' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' 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='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-5yz9li' sc_version='1.0' admin_preview_bg=''][/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='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/isometric-1.jpg' attachment='447' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third-tall' template_class='' aria_label='' av_uid='av-l1jjwv99' sc_version='1.0']

[av_heading heading='One Third Tall' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' 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='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l1jm8ztq' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third][av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-9.jpg' attachment='865' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-l1jjz118' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' 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='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-4p5yli' sc_version='1.0' admin_preview_bg=''][/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='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-1.jpg' attachment='866' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-l1jjv7wz' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' 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='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-365q0m' sc_version='1.0' admin_preview_bg=''][/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='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-5.jpg' attachment='868' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third-under' template_class='' aria_label='' av_uid='av-l1jjzvnn' sc_version='1.0']

[av_heading heading='One Third Under' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' 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='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l1jm9z90' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third]

This is where my example is.
This is the css for the page:

@media only screen and (min-width: 768px) { 
.one-third-tall {
	height: 819px;
	clear: initial;
	top: -436px;
    float: right!important;
    background-position: 50% 50% !important;
	display: flex;
    align-items: center;
}
.one-third {
	height: 385px;
    background-position: 50% 50% !important;
	display: flex;
    align-items: center;    
}
.two-thirds {
	height: 819px;
	background-size: cover !important;
	display: flex;
    align-items: center;    
}
.one-third-under {
	height: 385px;
	top: -436px;
    background-position: 50% 50% !important;
	display: flex;
    align-items: center;    
}
}
@media only screen and (max-width: 767px) { 
	.one-third,
	.one-third-under,
	.one-third-tall,
	.two-thirds {
		height: 361px;
		display: flex;
        align-items: center;
	}
	
}
.av-special-heading {
	background-color: rgb(255 255 255 / 75%);
}

Best regards,
Mike

PS. I see that you have asked this through our PreSaleRequest Contact form, for further questions please login to the support forum and create a new thread so we can help you and other users can benefit from the solutions. Thank you for using Enfold.

April 1, 2022 at 1:54 pm #1346887

In reply to: Post Slider Font Size

Hi Jacopotj,

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

.avia-content-slider .slide-entry-title a {
  font-size: 14px;
}

Best regards,
Rikard

April 1, 2022 at 11:52 am #1346851

In reply to: Add button in footer widget

Alwin

Hello Nikko,

I followed your steps, but in the end this is the code I get:

[av_button label='Online-Reservierung' icon_select='no' icon='ue800' font='entypo-fontello' link='page,54' link_target='' size='medium' position='center' label_display='' title_attr='' color_options='color_options_advanced' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='custom' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#08a300' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='white' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='none' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='' sc_version='1.0' admin_preview_bg='']

That doesn’t seem like a shortcode to me? :)

Thanks,
Alwin

March 31, 2022 at 10:02 am #1346724

In reply to: Making Footer Socket Text larger

Hi Dave,

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

#socket .copyright {
  font-size: 14px;
}

Best regards,
Rikard

March 30, 2022 at 7:52 pm #1346647

In reply to: Accordion Toggle Styling

ihf-eramstad

Thank you – I ended up applying the following:

.av_toggle_section.av-l16wj3qo-5496a02af53b84abb64c0b59e414e6f7 {
font-family: ‘Raleway’;
font-weight: 700;
font-size: 26px;
text-align: center;
line-height: 35px; !important
}

However, this makes the toggle appear on the left side of the container. My addition of “text-align” only controls the title.

I would like the toggle in the center of its parent container, with the “+” character directly to the left of the toggle label. Is this possible?

March 30, 2022 at 10:00 am #1346535

In reply to: Accordion Toggle Styling

Hi,

Thanks for that. Please try this in Quick CSS:

p.toggler b {
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 32px;
    line-height: 35px;
}

Best regards,
Rikard

March 27, 2022 at 9:34 pm #1346240

In reply to: Change animated numbers circle border

Hi,
Try this:

#main .iconbox.whaticon01 .iconbox_icon {
background: url(https://balrajt9.sg-host.com/wp-content/uploads/2022/03/whaticon01-1.png);
height: 60px;
width: 60px;
font-size: 0px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
border: none;
background-position: center 11px;
}

Best regards,
Mike

March 27, 2022 at 9:20 pm #1346238

In reply to: Change animated numbers circle border

navindesigns

It is not working

here is my code for the first icon with my custom class “whaticon01”

#main .iconbox .iconbox_icon .whaticon01 {
background: url(http://balrajt9.sg-host.com/wp-content/uploads/2022/03/whaticon01-1.png);
height: 60px;
width: 60px;
font-size: 0px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
border: none;
background-position: center 11px;
}

March 27, 2022 at 8:58 pm #1346233

In reply to: Change animated numbers circle border

Hi,
For that one you will need to create a transparent image of the icon with the rings around it and then use it to replace the icon with css.
For example imagine this as your image, but with a transparent background

then you wouls use this css with the url to your image:

#main .iconbox .iconbox_icon {
	background: url(https://savvyify.com/img/images/2022/03/27/2022-03-27_009.jpg);
	height: 60px;
	width: 60px;
	font-size: 0px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	background-position: center 11px;
}

then the result would be:

Best regards,
Mike

March 27, 2022 at 12:16 pm #1346193

Topic: How to make text font size different

in forum Enfold

zemanchiu

Participant

How to achieve the effect of pictures

March 26, 2022 at 1:03 pm #1346116

In reply to: custom font not working / loading

aboderc

Hi,

I did some additional testing and the custom uploaded font can successfully be loaded as body font – so it seems that selecting a custom font via advanced styling (in my case I selected h6) does not work correctly.

So I used the old @font-face method in my style.css child theme directory and now it’s working fine. For reverence if someone else is looking for a solution.

upload the font file in a new created fonts directory in your child themes directory and add the following css into your style.css:

@font-face {
	font-family: Great Vibes;
	src: url('fonts/GreatVibes-Regular.ttf');
}

/* align h6 font (Great Vibes) with regular text */
h6 {
    font-family: 'Great Vibes';
    font-size: 24px;
    font-weight: 400;
    margin: 0.85em 0;
    color: #7c6853 !important;
}

Adopt as needed,
Cheers

March 23, 2022 at 6:37 pm #1345733

In reply to: Icon List and Content Slider text is too big on mobile

Hey m,

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

@media only screen and (max-width: 767px) {
.flex_column.av-wdb09v-b895da206694a6122c65c3828d8bcd97 {
    padding: 0 !important;
}
.iconlist_content p {
    font-size: 17px;
}
}

Best regards,
Rikard

March 23, 2022 at 3:16 pm #1345694

Topic: Icon List and Content Slider text is too big on mobile

in forum Enfold

Sandy

Participant

The Icon List > List Item Content text is too big and cut off on mobile. Also the icons are positioned almost in the horizontal middle of the screen which reduces available space for the text, further exacerbating the problem. The icon text is set to paragraph style.

I’ve successfully used CSS like this for other text for a similar purpose:
@media only screen and (max-width: 480px) {
.homepagebig p { line-height: 45px;
font-size: 200%!important;
}}

Is this a good structure for this issue too? How would this be changed for all website Icon List > List Item Content text?

—

Same issue for Content Slider > Slide Content text. It needs to be smaller on mobile.

March 21, 2022 at 7:30 am #1345319

In reply to: Hide image title, etc. on hover

Intell

Hi! I have a different website that the codes I have are not working to hide the title on any of the images, including the slider. I’ve had to add a few things so I don’t know if that’s part of the problem or not. Thanks!

.image-overlay { display: none !important; }

.mfp-bottom-bar {
display: none !important;
}

.mfp-title {
    display: none important;
}

#av_section_1 .container {
    padding: 0;
}

@media only screen and (max-width: 767px) {
#av_section_1 .container {
    width: 100%;
    max-width: 100%;
}
}

@media only screen and (max-width: 767px) {
#av_section_1 .container {
    width: 100%;
    max-width: 100%;
}
}

#menu-item-237 .avia-menu-text {
  color: #DABF78;
}
#menu-item-1021 .avia-menu-text {
  color: #337C4E 
}
#menu-item-198 .avia-menu-text {
  color: #C0272D
}
#menu-item-80 .avia-menu-text {
  color: #AA8F4F
}
#menu-item-1172 .avia-menu-text {
  color: #3C5C85
}
#socket { font-size: 15px !important; }

March 20, 2022 at 5:54 pm #1345265

In reply to: Font size for "paragraph" is smaller in Advanced layout

Hey martystl,
Thank you for the login, based on your /who-are-we/ I recommend adding this code in the General Styling ▸ Quick CSS field to match the Advanced Layout Builder text elements to your default paragraph font size:

.avia_textblock > p,.avia_textblock li {
	font-size: 14.95px;
}

the page you linked to had paragraphs and bullet points and this should work across your site, after applying the css, please clear your browser cache and check.

Best regards,
Mike

March 20, 2022 at 3:57 pm #1345259

Topic: Font size for "paragraph" is smaller in Advanced layout

in forum Enfold

martystl

Participant

I have most of the pages over in using the “advanced Layout Builder”, but the “paragraph” font size is smaller than when not using the Advanced Layout Builder. I am getting some comments that the font size is too small. I don’t want to change all text boxes to a H4 font size.

I don’t see any options under theme options to change the overall size. You can take a look at the two pages for example, the first is using Advanced and the other is not.

About us

Summer splash – Friday July 30th, 2021

Just purchased and installed my second license. Really like your software. Image sizes are always my hardest issue in dealing with this theme.

March 19, 2022 at 10:06 pm #1345220

In reply to: Special Headings over Color Section

Hey macjeffff,
Thank you for the link to your site, I many things to break the font size but couldn’t, and I have not seen this issue before.
For peace of mind I would recommend adding a custom class to each and writing a backup css rule and then add it to the WordPress ▸ Customize ▸ Additional CSS field, since this one has the highest priority.
This way whatever is causing the original css rule to break this backup one would solve.
Sorry that I was not much help, but if I could see the error I probably would be able to help more.

Best regards,
Mike

March 19, 2022 at 6:50 pm #1345201

Topic: Special Headings over Color Section

in forum Enfold

macjeffff

Participant

I have 2 special headers in the color section at the top of my homepage. The color section is playing a Vimeo video in the background. The special headers are H1 at 4.5 vw and H2 at 3.5 vw, respectively. https://lovefirst.net

Intermittently, the headings revert to small, black fonts. Almost <p> size. I cannot recreate the behavior, it just happens from time to time. The fix is to open the special headings, make a random change, change it back to what I want, save, update, and it displays normally. Obviously, I cannot be doing this all the time. I only know about it when someone tells me.

Have you seen this unstable behavior before? Is there something I might do to avoid it?

Thanks for your help.

March 18, 2022 at 6:04 pm #1345130

Topic: woo Product purchase button in avia

in forum Enfold

Art_Discovery

Participant

Hi
In a previous thread you gave me the following code to format the product purchase button for subscription product only:
#top.single-product .price span.woocommerce-Price-amount,
#top.single-product .price span.woocommerce-Price-currencySymbol {
font-size: 20px;
color: white;
}

#top.single-product #subscription_product_id > .av-woo-purchase-button.avia-builder-el-last {
text-align: center;
}

This worked fine but since last them update the div content no longer centers. Please advise – can not find anything in the changelog that wouldve affected it.?

Many thanks

March 18, 2022 at 5:07 pm #1345118

Topic: Quote

in forum Enfold

josk-design

Participant

Hello there,

I inserted a quote on the website I am working on and I edited the design via quick css. The only thing that I fail to do is change the color of typography.
#444444

Can you help me?

Best regards
Josephine

/*—————————————-
// Blockquotes
//————————————–*/

/* blockquote*/

blockquote {
border-left-style: solid;
border-left-width: 3px;
padding-left: 14px;
margin-bottom: 1em;
margin-right: 1em;
font-size: 24px;
line-height: 1.5em;
font-weight: 200;
}
.main_color blockquote {
color: #444444 !important;
border-color: #ef477f;
}

March 18, 2022 at 2:50 pm #1345092

In reply to: changing breadcrumbs background color and font size in the icon boxes

Intell

Hello, I appreciate this post. I have a client who wants a different color background for the title container for each page.
How would I modify this code to do that? One of the page’s ID is 73
They want this hideous color as the background for that page #A78F4F
Also – is there a setting somewhere so the bread crumb is on the left instead of align right?
Thank you!!

.title_container {
  background-color: red;
}
And this for the iconbox:

.iconbox_content_container p {
  font-size: 12px;
}

This reply was modified 3 years, 11 months ago by Intell.

March 18, 2022 at 1:39 pm #1345067

In reply to: Hide empty white boxes in Microsoft Edge

Hi,
Thanks for the feedback, I believe this might be coming from a Firefox extension Simple Translate adding to the text blocks when you copy & paste in your browser, are you using this extension? You may want to disable it when you work on your site. I looked through some of your pages and removed this code adding the un-wanted blocks

<div id="simple-translate">
<div>
<div class="simple-translate-button isShow" style="background-image: url('moz-extension://2568a979-4678-4b1e-bd5a-8d670de04d36/icons/512.png'); height: 22px; width: 22px; top: 83px; left: -22px;"></div>
<div class="simple-translate-panel " style="width: 300px; height: 200px; top: 0px; left: 0px; font-size: 13px; background-color: #ffffff;">
<div class="simple-translate-result-wrapper" style="overflow: hidden;">
<div class="simple-translate-move" draggable="true"></div>
<div class="simple-translate-result-contents">
<p class="simple-translate-result" dir="auto" style="color: #000000;"></p>
<p class="simple-translate-candidate" dir="auto" style="color: #737373;"></p>

</div>
</div>
</div>
</div>
</div>

If you are working in a text block element and see a white box in the preview area switch to the “text” tab and remove the code, like this:

you can also use the css above as it won’t cause any issues even if you remove all of the code from your site, it could help in the future if you miss one.

Best regards,
Mike

March 18, 2022 at 10:48 am #1345033

In reply to: Font size for radion buttons in forms

Hi Kati,

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

span.wpcf7-list-item-label {
  font-size: 16px;
}

Best regards,
Rikard

March 18, 2022 at 12:18 am #1344992

Topic: Font size for radion buttons in forms

in forum Enfold

KittenAdmin

Participant

Hello,

I have a problem to scale the font size in a form concerning the text of the radio buttons and a quiz used as anti spam.

How can I adress them?

I set the general font size in the typo area, but these two elements don’t react…

Thanks for your help.

Kind regards from Germany,
Kati

March 17, 2022 at 12:12 pm #1344853

In reply to: column position