Hey!

Please try to use this:

.fc-event-inner {
width: 142px !important;
}

Use css media queries to adjust the width of different screen sizes.

Best regards,
Ismael

Hey!

Thank you for the info.

I’m sorry but the code should look like that by default. All sections, grids are located properly located inside the #main container. It will also work that way if you add a Color Section. Are you having layout issues? From what I can see, the page looks fine.

Cheers!
Ismael

Hey!

Did you remove the grid.css modifications? I’m afraid, you can’t use it anymore unless you modify it again. Also, did you modify the sidebar width before? Do you have a code that looks something like this?

function avia_increase_sidebar_size() {
	global $avia_config;
	
	$avia_config['layout']['fullsize'] 		= array('content' => 'twelve alpha', 'sidebar' => 'hidden', 	 'meta' => 'two alpha', 'entry' => 'eleven');
$avia_config['layout']['sidebar_left'] 	= array('content' => 'eight', 		 'sidebar' => 'four alpha' ,'meta' => 'three alpha', 'entry' => 'eight');
$avia_config['layout']['sidebar_right'] = array('content' => 'eight alpha',   'sidebar' => 'four alpha', 'meta' => 'three alpha', 'entry' => 'eight alpha');
}
add_action( 'init', 'avia_increase_sidebar_size', 1);

Please remove it.

Best regards,
Ismael

Hey!

Please remove the code then use the WordPress SEO plugin. Go to SEO > Social then enable the Add Open Graph meta data setting.

Best regards,
Ismael

Hi!

That string is not translated yet or the ja.po file is not complete. We are relying on Enfold users to translate the theme simply because we’re not experts on other languages. Please use the Codestyling Localization plugin to be able to fetch the string and translate it. Refer to this link: https://kriesi.at/support/topic/how-to-translate-enfold-site-with-wpml-correctly/#post-162796

Regards,
Ismael

Hey!

You can find the Color Section on the Advance Layout Builder > Layout Elements panel.

Regards,
Ismael

Hi!

Thank you for the info.

Please add this on functions.php to remove the theme’s default flag configuration:

add_action('after_setup_theme','avia_remove_main_menu_flags');
function avia_remove_main_menu_flags(){
        remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 20, 2 );
        remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 20, 2 );
        remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
}

Make sure that you set the main menu on WPML > Display the language switcher in the WP Menu setting.

Regards,
Ismael

Hey!

Thank you for the screenshots.

You can deactivate the Sticky Header on Enfold > Header Layout > Header Behavior panel.

Cheers!
Ismael

Hey!

Thank you for the update.

I checked the site and it loads fine every time I refresh the page. Yes, adjusting the container width fixed the table too. From what I remember, we deleted a custom css code that overrides the max width of the container.

Cheers!
Ismael

Hey!

Sorry for the delay. I’m not sure why it’s not working on the Quick CSS. Have you tried adding it on the child theme’s style.css file?

Best regards,
Ismael

Hi!

Thank you for the screenshot.

You change the top border color of the sub menu with this:

.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
border-top-color: red;
}

Cheers!
Ismael

Hi!

The tripadvisor icon is not available on the fontello icon set. Add this on line 17 of functions.php:

add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
function avia_add_custom_social_icon($icons)
{
$icons['Trip Advisor'] = 'tripadvisor';
return $icons;
}

Add the trip advisor icon on Enfold > Social Profiles panel. Use this on Quick CSS:

li.social_bookmarks_tripadvisor {
background: url('IMAGE ICON URI HERE');
background-position: center center;
background-repeat: no-repeat;
}

Use your own tripadvisor icon image on the value of the css background property.

Best regards,
Ismael

Hi 666666!

Thank you for using Enfold.

Only the social icons are included on the theme package. Other are built exclusively for the kriesi site. If you know how to use Google Inspector or Firebug, you can easily copy the double button.

Best regards,
Ismael

Hey!

We changed the code a bit. Please get it here: http://pastebin.com/247SuptA

Regards,
Ismael

Hey!

1.) You can change the background position of the fullscreen slider with this:

.avia-fullscreen-slider .avia-slideshow>ul>li {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center !important;
}

Change the caption text size with this:

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 50px !important;
}
}

2.) Use this to modify the image size:

@media only screen and (max-width: 479px) {
.home .flex_column.av_one_fifth.first.avia-builder-el-3.el_before_av_four_fifth.avia-builder-el-first .avia-image-container-inner img {
width: 60%;
margin: 0 auto;
}
}

You can also use the Custom CSS Class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Regards,
Ismael