Hi,

Use the 1/5 element then add this code on your custom.css or Quick CSS

.flex_column.av_one_fifth.first.avia-builder-el-first {

margin-left: 0 !important;

}



.flex_column.av_one_fifth.first.avia-builder-el-last {

margin-left: 6%;

float: left;

clear: none;

margin-top: 0;

}



div .av_one_fifth {

margin-left: 6%;

width: 10%;

}

Regards,

Ismael

Hi,

Please add this on your custom.css or Quick CSS

.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {

height: 116px !important;

line-height: 116px !important;

}

Adjust the height and line-height according to the height of your logo. Don’t remove the !important.

Regards,

Ismael

Hi,

Place a horizontal rule element shortcode, select Whitespace then height to 1px.

[av_textblock custom_class='']

[av_hr class='invisible' height='1' shadow='no-shadow' position='center' custom_class='']

[/av_textblock]

Regards,

Ismael

Hi,

Please follow the instruction here: https://kriesi.at/support/topic/how-to-avoid-rendering-extra-line-breaks#post-129384

Regards,

Ismael

Hi,

Please use this on your custom.css or Quick CSS to change the background color of the search field.

#s {

background: white !important;

}

And this for the input color.

#top .header_color input[type='text'], #top .header_color input[type='input'] {

color: red !important;

}

Change the color value.

Regards,

Ismael

Hi,

Please remove the code then replace it with this:

.tabcontainer div {

margin-top: 0;

}

On the first and first image, you have a span hr inner. Please remove that to align the images properly.

Regards,

Ismael

Hi,

@BizBuzzMedia:

Edit 404.php, find this code:

//get the sidebar

$avia_config['currently_viewing'] = 'page';

get_sidebar();

Replace it with:

//get the sidebar

$avia_config['currently_viewing'] = 'page';

echo '<div class="sidebar sidebar_right three alpha units"><div class="inner_sidebar extralight-border">';

dynamic_sidebar( '404' );

echo '</div></div>';

Go to Appearance > Widgets, create a custom widget and name it “404”. Supply it with widgets.

Next time, please create a new topic for your inquiry.

Thanks,

Ismael

Hi,

You can insert a horizontal rule shortcode below the content, set it to Whitespace.

[av_icon_box icon='1' position='left' title='IconBox Title' link='' linktarget='no' custom_class='']

Click here to add your own text

[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_class='']

Wah

[/av_icon_box]

Regards,

Ismael

Hi,

Please add this on your functions.php, below line 3:

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');

function avia_add_heading_font($fonts)

{

$fonts['Allura'] = 'Allura';

return $fonts;

}



add_filter( 'avf_google_content_font',  'avia_add_content_font');

function avia_add_content_font($fonts)

{

$fonts['Allura'] = 'Allura';

return $fonts;

}

Edit header.php, then place this code on top of </head> tag.

<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>

You can now assign the Allura font using custom.css or Quick CSS. For example, we’ll change the iconbox title:

h3.iconbox_content_title {

font-family: 'Allura' !important;

}

This is the screenshot:

Regards,

Ismael

Hi,

Please add this on your functions.php, below line 3:

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');

function avia_add_heading_font($fonts)

{

$fonts['Allura'] = 'Allura';

return $fonts;

}



add_filter( 'avf_google_content_font',  'avia_add_content_font');

function avia_add_content_font($fonts)

{

$fonts['Allura'] = 'Allura';

return $fonts;

}

Edit header.php, then place this code on top of </head> tag.

<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>

You can now assign the Allura font using custom.css or Quick CSS. For example, we’ll change the iconbox title:

h3.iconbox_content_title {

font-family: 'Allura' !important;

}

This is the screenshot:

Regards,

Ismael

Hi,

1.) The social icons use the entypo fontello font. Right now, there is no easy way of adding a social button. Please refer to this link and follow Nick’s or my instruction: https://kriesi.at/support/topic/youtube-icon

2.) You can change the arrow on css > base.css, find this code:

.image-overlay .image-overlay-inside::before{content:"E744"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }

.image-overlay.overlay-type-extern .image-overlay-inside::before{content:"27A6";}

.image-overlay.overlay-type-video .image-overlay-inside::before{content:"25B6";}

Change the content property with another icon from entypo fontello. Refer to link for the entypo character maps: http://www.entypo.com/characters/

Example, we’ll use the phone icon(U+1F4DE):

.image-overlay .image-overlay-inside::before{content:"1F4DE"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }

.image-overlay.overlay-type-extern .image-overlay-inside::before{content:"1F4DE";}

.image-overlay.overlay-type-video .image-overlay-inside::before{content:"1F4DE";}

You can combine different icons.

Regards,

Ismael