Hi,

1.) Add this on your custom.css or Quick CSS, adjust the height according to the height of the header when you it shrinks.

.header-scrolled #header_main .container {

height: 58px !important;

line-height: 58px !important;

}

2.) This the code that controls the arrow:

#top .avia-slideshow-arrows a {

font-family: 'entypo-fontello';

display: block;

text-decoration: none;

color: #fff;

visibility: visible;

position: absolute;

width: 60px;

text-align: center;

height: 60px;

line-height: 62px;

font-size: 25px;

top: 50%;

margin: -30px 15px 0;

z-index: 99;

overflow: hidden;

text-indent: -600%;

}

Regards,

Ismael

Hi,

There is no fix for the table element yet. We suggest that you hide them when viewing on mobile device then show a tab element instead. You can add this on your custom.css or Quick CSS:

This will hide the table then show the tab element instead when viewing on Mobile Devices:

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

.avia-table.avia-data-table {

display: none;

}



.tabcontainer.top_tab {

display: block;

}

}

This will hide the tab element on desktop or iPad view:

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

.tabcontainer.top_tab {

display: none;

}

}

Regards,

Ismael

Hey,

Please refer to this link:

https://kriesi.at/support/topic/adding-gradient-background-to-icons

Regards,

Ismael

Hi,

I’m not sure if this is what you want but you can add the code on your custom.css or Quick CSS. You need to provide a twitter icon for the content property:

#top .widget_twitter li:before {

content: url('IMAGE URL HERE');

position: absolute;

left: 0px;

margin-top: 20px;

}



#top .widget_twitter li {

padding: 0 0 8px 55px;

margin: 0 0 8px 0;

border-bottom-style: solid;

border-bottom-width: 2px;

}

Regards,

Ismael

Hi,

Did you use a Mega Menu for this item? Please check it first, disable the mega menu if you accidentally enabled it on Appearance > Menus > About.

Then add this on your custom.css or Quick CSS:

#top #header .mega_menu_title a {

font-size: 11px;

line-height: 11px;

color: #808080;

}

Regards,

Ismael

Hey,

Please upgrade to WordPress 3.6 and update the theme to Enfold 2.0.1. I hope that will fix the issues.

Regards,

Ismael

Hey,

You can use this:

#top .header_color #s[placeholder] {

text-align: right;

clear: left;

}

Regards,

Ismael

Hey,

Edit config-templatebuilder > aviashortcodes > iconlist.php, find this code:

$output  = "";

$output .= "<li>";

$output .= 		"<div class='iconlist_icon avia-font-".$icon_el['font']."'><span class='iconlist-char'>{$display_char}</span></div>";

$output .= 		"<div class='iconlist_content_wrap'>";

$output .= 			"<h4 class='iconlist_title'>".$atts['title']."</h4>";

$output .= 			"<div class='iconlist_content'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop( $content ) )."</div>";

$output .= 			"</div>";

$output .= 		"<div class='iconlist-timeline'></div>";

$output .= "</li>";

Replace it with:

$output  = "";

$output .= "<li>";

$output .= 		"<a href='{$atts['link']}' title=''><div class='iconlist_icon avia-font-".$icon_el['font']."'><span class='iconlist-char'>{$display_char}</span></div></a>";

$output .= 		"<div class='iconlist_content_wrap'>";

$output .= 			"<h4 class='iconlist_title'>".$atts['title']."</h4>";

$output .= 			"<div class='iconlist_content'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop( $content ) )."</div>";

$output .= 			"</div>";

$output .= 		"<div class='iconlist-timeline'></div>";

$output .= "</li>";

Cheers,

Ismael

Hey,

Yes, sure you can. Please refer to this link if you want to add background to your iconbox and iconlist:

https://kriesi.at/support/topic/adding-gradient-background-to-icons

You can also use this if you want to change the color of the icons:

Icon box:

.iconbox_icon.heading-color.avia-font-entypo-fontello {

color: red;

}

Icon list:

.iconlist-char {

color: pink;

}

Regards,

Ismael