Hey Ivana,

Thank you for the inquiry.

Did you add this css code somewhere in the site?

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 0.8em;
}

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 1em;
}

Please remove the css temporarily, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hey marcyt3,

Thank you for the inquiry.

Looks like the css files are compressed. Did you install a css compression plugin? This is the style of the h2 element when we checked, applied in the Enfold > Advanced Styling panel.

#top #wrap_all .all_colors h2 {
    color: #800009;
    font-size: 19px;
    font-weight: lighter;
    text-transform: none;
}

Please try to disable the css compression plugin temporarily and see if it helps.

Best regards,
Ismael

Hey Tilman,

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

h3.grid-entry-title {
  font-size: 18px;
}

Best regards,
Rikard

Hi,

Thank you for following up.

1.) You can use css to pull the combo widget upwards and position it closer to the widget title. Each widget has its own unique ID which can be used to style them.

2.) You don’t have to keep the file compression disabled forever, only while editing the site. We actually increase the size of the text, default is 0.85em. Please try this again.

#top .news-content {
    font-size: 0.5em;
}

OR

#top .news-content {
    font-size: 11px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

1.) Above the combo widget, you can add another text or html widget and use it as the title of the widget below.

2.) Which fonts or text? The font size of the text inside the combo widget is actually quite small. You can adjust it with this css code if you like.

#top .news-content {
    padding: 7px 0 3px 0;
    line-height: 1.7em;
    position: relative;
    overflow: hidden;
    font-size: 1em;
    display: block;
    clear: both;
    margin: 0;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hey stefpasi,

Could you try adjusting the font sizes for all screen sizes in the element options please? Check under Styling->Font Sizes.

Best regards,
Rikard

Hi,

Thank you for the info.

We are still not sure why the icon shortcode is not rendering inside PUM but we managed to work around the issue by applying the PUM ID directly as the class name of the h2 element.

Example:

<h2 class="popmake-6441" style="font-size: 16px;">[av_font_icon icon='ue84d' font='entypo-fontello' style='' caption='' link='' linktarget='' size='16px' position='left' color='' av_uid='av-hxbli8-1'][/av_font_icon]Grundriss KG</h2>

Best regards,
Ismael

Hi,

We are sorry for the late reply!

1- I edited your Grid Row element and set the minimum height to 500px.

2- Setting minimum height took care of this one as well because you already set the alignment to bottom

4- I edited your custom CSS code and changed it to following

.staffBio {
 background: rgba(255,255,255,0.6); 
  padding: 10px;
  color: #000000!important;
  font-size: 13px!important;
  line-height: 18px;
}

Please review your website :)

Best regards,
Yigit

Hi,

Thanks for that. Please try this in Quick CSS:

.avia-content-slider h3.slide-entry-title {
    font-size: 16px;
    color: #fff;
}

Best regards,
Rikard

Hi,

We are sorry for the late reply!

Website 1
1- Ismael’s suggestion should have fixed this. To make sure that we are on the same page, you can edit your slide and go to Styling > Font Sizes and then click on the icons to set different font size for different screen sizes – https://imgur.com/a/4BWqPWN. If this is not working for you, could you please create temporary admin logins and post them here privately so we can look into it?
2- Glad you figured it out!

Website 2
1- That is because of the following custom CSS code

.logo img {
  padding: 25px 0;
}

Please add following code to Quick CSS field in Enfold theme options > General Styling tab to override it on smaller screens

@media only screen and (max-width: 767px) { 
.logo img {
  padding: 5px 0;
}
}

2- Ismael’s suggestion should work here as well. If it does not, please post WP admin logins for this website privately as well.
3- You have couple of custom CSS code to adjust the top padding on #main. If the issue is only on Careers page, please add following code to Quick CSS

@media only screen and (max-width: 480px) {
.responsive #top.page-id-6968 #wrap_all #main {
  padding-top: 121px !important;
}}

If it is on all pages in portrait mode, please use the code as following instead

.responsive #top.page-id-6968 #wrap_all #main {
  padding-top: 121px !important;
}

4- There is not enough space in your 3rd custom HTML widget area. You can either use following code to display cut off part

@media only screen and (max-width: 767px) { 
#footer .widget {
  overflow: visible;
}
}

Or use following one to switch column to fullwidth on screens below 820px

@media only screen and (max-width: 820px) { 
#footer .flex_column {
  width: 100%;
  margin-left: 0;
}
}

For the pages with sidebar, please go to Enfold theme options > General Layout > Dimensions and adjust “Content | Sidebar Ratio”

Best regards,
Yigit

Hi,

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

@media only screen and (max-width: 767px) { 
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
  padding: 0px 30px;
}
}

By default, side paddings are 70px.

2-

@media only screen and (max-width: 767px) { 
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
  width: 50px;
  height: 50px;
}
}

Default is 80px

3- Please edit your element and go to Styling > Font Sizes and edit “Testimonial Name Font Sizes”

4-

@media only screen and (max-width: 767px) { 
.avia-testimonial-image {
  display: none;
}
}

Best regards,
Yigit

Hey Tilman,

Thank you for the inquiry.

We edited the css code a bit and added the unique class name of the content slider. Please try it again.

.av-l8rqkilm-a1c9f18a125a30ce747daaadf300bf94.avia-content-slider .slide-entry-title {
    font-size: 25px !important;
    color: white !important; 
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,
It is a page created with the Advanced Layout Builder, so you can edit it.
Our documentation explains that a Coming soon page or a Maintenance mode page both use the maintenance mode option and you just choose any page you wish to use.
The demo that you linked to is just a single page with a color section that has a background image, some text, an Animated Countdown element and a contact form:

If you already have a demo imported I would not recommend importing a second demo as it will change your settings, if this is your first and only import for your root domain then go ahead.
Please note in this demo the background image for the color section will need to be set, and the Animated Countdown will not show until you set the future date and time, by default it is a past date. So when you first look at it, it will just be a white screen because the text is white, but once you set the background image you will see the text.
Another option is to Enable the Avia Layout Builder Debugger that will add a box under the Advanced Layout Builder to enter or copy the page shortcode, you can add this shortcode:

[av_section min_height='100' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='large' custom_margin='0px' custom_margin_sync='true' av-desktop-custom_margin='' av-desktop-custom_margin_sync='true' av-medium-custom_margin='' av-medium-custom_margin_sync='true' av-small-custom_margin='' av-small-custom_margin_sync='true' av-mini-custom_margin='' av-mini-custom_margin_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='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/coming-soon/wp-content/uploads/sites/8/2014/09/people_town_dark.jpg' attachment='23' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_arrow_bg='' css_position_z_index='' av-desktop-css_position_z_index='' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-a1x9c' sc_version='1.0']

[av_one_fourth first av_uid='av-9gjw4']

[/av_one_fourth][av_one_half av_uid='av-8vhv8']

[av_image src='https://kriesi.at/themes/enfold-coming-soon/files/2014/09/logo_coming_soon-80x80.png' attachment='16' attachment_size='thumbnail' align='center' animation='pop-up' link='' target='' styling='no-styling' caption='' font_size='' appearance='' av_uid='av-83py0'][/av_image]

[av_heading tag='h1' padding='10' heading='<strong>Coming Soon</strong><br/>to a place near you!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='44' subheading_active='subheading_below' subheading_size='15' custom_class='' av_uid='av-7hhy0']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.sellus dolor. Maecenas vestibulum mollis
[/av_heading]

[/av_one_half][av_one_fourth av_uid='av-6xyuw']

[/av_one_fourth][av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-6dkag']

[av_countdown date='10/02/2023' hour='12' minute='0' timezone='UTC' min='1' max='5' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' align='av-align-center' size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' size-text='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' style='av-trans-light-style' color_numbers='' color_timeunit='' alb_description='' id='' custom_class='' template_class='' av_uid='av-5u01o' sc_version='1.0' admin_preview_bg='']

[av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-5bvnk']

[av_one_fourth first av_uid='av-49xao']

[/av_one_fourth][av_one_half av_uid='av-3nz68']

[av_contact email='' title='' button='Notify me on Launch' on_send='' sent='Thank you!' link='manually,http://' subject='' autorespond='' captcha='' color='av-custom-form-color av-light-form' av_uid='av-331gw']
[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' av_uid='av-2su9g'][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' av_uid='av-25qmk'][/av_contact_field]
[/av_contact]

[av_textblock size='21' font_color='custom' color='#ffffff' av_uid='av-1r2uk']
<p style="text-align: center;">Want to get notified once we are ready to launch? Leave us your mail address and we will!</p>
[/av_textblock]

[/av_one_half][av_one_fourth av_uid='av-102pc']

[/av_one_fourth][/av_section]

but you will still need to set the image.

Best regards,
Mike

Hey sroetheli,

Thank you for the inquiry.

You can adjust the style of the burger menu items in the Enfold > Advanced Styling panel. Look for the Menu Links in overlay/slide out in the dropdown, insert it, then adjust its style.

You can also use this css code.

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    line-height: 1.3em;
    height: auto;
    padding: 15px 50px;
    display: block;
    text-align: left;
    text-decoration: none;
    font-size: 20px;
}

Best regards,
Ismael