Hi,

Thank you for the update.

You may need to use a text block and insert the columns containing the images using their actual shortcodes inside a text or code block element. They are currently situated below the 1/3 column or the sidebar. Why do you have to insert the sidebar manually?

The shortcode may look something like this:

[av_one_half first  min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='']

[av_image src='http://site.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/images/placeholder.jpg' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' styling='' align='center' hover='' animation='no-animation' link='' target='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' av_element_hidden_in_editor='0' av_uid=''][/av_image]

[/av_one_half][av_one_half  min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='']

[av_image src='http://site.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/images/placeholder.jpg' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' styling='' align='center' hover='' animation='no-animation' link='' target='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' av_element_hidden_in_editor='0' av_uid=''][/av_image]

[/av_one_half]

Best regards,
Ismael

Hi,

Thank you for the update.

There were a few syntax errors in the Quick CSS field, which we corrected. We also added the css modification back to adjust the font size of the footnote links. It should work properly now.

Best regards,
Ismael

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

sup.modern-footnotes-footnote a {
  font-size: 12px;
}

Best regards,
Rikard

Hi,

Thank you for the update.

This is the default style of the mega menu items.

#top #header .avia_mega_div > .sub-menu > li > ul > li a {
    width: auto;
    float: none;
    display: block;
    border: none;
    padding: 3px 12px;
    font-weight: 400;
    height: auto;
    line-height: 23px;
}

While this is the style the default menu items.

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

#top .main_menu .menu ul li > a {
    color: #fff;
    font-weight: 600;
}

They differ in font weight and size. You can use the same css code to override the default styles.

Best regards,
Ismael

Hey!

I went to Enfold theme options > Advanced Styling and edited “Main Menu Links” to increase main menu font sizes and it worked fine.

Please make sure to flush browser cache (CTRL + Shift + R on Windows and CMD + Shift + R on Mac) and WP Fastest Cache after making styling changes :)

Regards,
Yigit

Hey,

Please add following code to Quick CSS in Enfold theme options > General Styling tab

.special_amp {
    font-family: sans-serif;
    font-size: inherit!important;
    font-style: inherit;
    font-weight: lighter!important;
    color: inherit!important;
}

Cheers!
Yigit

Hi,

Thanks for that. Please try this CSS instead:

.footer_color label span, .footer_color legend span {
  font-weight: 700;
  font-size: 14px;
  color: #fff; 
}

Best regards,
Rikard

Hi,
Sorry for the late reply, I issue that I see with your css is there is not enough specificity for the elements on your page to overwrite the theme css, and since this is meant for one page only you need to add the page ID for each of the rules.
Please note that h3.widget-title should be h3.widgettitle, also I found no .mega_menu_title on this page.
This css has the specificity needed, note that I created a new line for each rule so it would be easier for you to read and compare to your original css:

#top.page-id-718 #wrap_all #avia-menu.menu, 
#top.page-id-718 #wrap_all #footer h3.widgettitle, 
#top.page-id-718 #wrap_all span.avia-menu-text, 
#top.page-id-718 #wrap_all .main_menu ul:first-child > li > a {
font-family:'arial', sans-serif!important;
text-transform: uppercase!important;
letter-spacing:1px!important;
font-weight:normal!important;
font-size:15px!important;
text-align: center!important;
color: red!important;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike