Hey,

1.) You can use this to remove the dashed border:

.avia-desc-col.pricing-table li {

border-top: none;

border-bottom: none;

}

2.) Use this to remove the empty cell:

.avia-table.main_color.avia-pricing-table-container.avia-table-1.avia-builder-el-4.el_after_av_textblock .pricing-table.avia-desc-col .empty-table-cell {

display: none;

}

Regards,

Ismael

Hey,

1.) This is the proper code:

@media only screen and (max-width: 767px) {

.responsive #top #main .sidebar {

display: block !important;

}

}

2.) Please try this:

@media only screen and (max-width: 767px) {

.responsive #top #main .sidebar, .inner_sidebar {

border: none;

}

}

Regards,

Ismael

Hi,

Edit header.php, find this code:

echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

Replace it with:

echo '<h1 class="logo">';

echo bloginfo('name');

echo '</h1>';

Add this on your custom.css or Quick CSS:

.logo {

top: 40px;

}

Regards,

Ismael

Hey,

Edit includes > helper-social-media.php, find this code on line 73:

$html .= "<a {$blank} href='".$icon['social_icon_link']."' class='avia-font-entypo-fontello'>".$avia_config['font_icons'][$icon['social_icon']]."</a>";

Replace it with:

$html .= "<a target='_blank' href='".$icon['social_icon_link']."' class='avia-font-entypo-fontello'>".$avia_config['font_icons'][$icon['social_icon']]."</a>";

Regards,

Ismael

Hey,

You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Insert the “Image” element then add Custom Css Class. For example, add “awesome-image”.

You can add something like this on your custom.css or Quick CSS to move them up or down.

.avia_image.awesome-image {

top: -50px;

}

Regards,

Ismael

Hi,

Please add following code to Quick CSS that is in Enfold theme options under Styling

.header_color .main_menu ul:first-child > li > a { color: white!important; }

#top .main_menu .menu li>a { color: black; }

Active state will be Blue and submenu hover state will be Green.

Regards,

Yigit

Hi Chris,

Please replace previous CSS code with following one

.header_color .main_menu ul:first-child > li > a { font-family: "freight-sans-pro", sans-serif; font-size: 18px!important; font-weight: 300!important; color: red!important; font-style: normal!important; }

#top #menu-item-search.menu-item-search-dropdown>a { font-family: 'entypo-fontello' !important; }

You just need to change color hex values.

This code will increase padding under social only on screens smaller than 767px

@media only screen and (max-width: 767px) { .responsive #header .social_bookmarks { padding-bottom: 20px!important; } }

Regards,

Yigit