Hey!

Did you use the 1/1 column? It will still give you a container with 100% width. Try using a smaller column like 1/2 or 1/3. Please post the link of the page where you’re testing it.

Best regards,
Ismael

Hey mikejmccarthy!

Right click the link then open it on a new tab or click this http://goo.gl/tid2DE. :)

Regards,
Ismael

Hey MtnStreamGroup!

Please switch your theme to debug mode. Edit function.php, find this code:

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

Below, add this code:

//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}

You will be able to see the actual shortcode below the builder. Copy the actual shortcode then transfer it to another page.

Regards,
Ismael

Hey!

You should probably crop the images manually before uploading them. Use image editor like photoshop. You can also give the img tag a unique css selector then specify the max height value. Example:

<img class="aligncenter" title="Experiential Communications Design" alt="Experiential Communications Design Photo" src="http://mountainstreamgroup.com/wordpress/wp-content/uploads/2011/01/mtnstreamgroup_experiential_communication_design.jpg" width="150" height="150">

You can add the css class beside the “aligncenter”. Let’s use the selector “fixheight”.

<img class="aligncenter fixheight" title="Experiential Communications Design" alt="Experiential Communications Design Photo" src="http://mountainstreamgroup.com/wordpress/wp-content/uploads/2011/01/mtnstreamgroup_experiential_communication_design.jpg" width="150" height="150">

You can add this on Quick CSS:

.fixheight {
max-height: 150px;
}

Best regards,
Ismael

Hi!

Yeah sure. You can add this on Quick CSS:

.social_bookmarks li a {
width: 30px;
line-height: 32px;
min-height: 30px;
height: 100%;
text-align: center;
font-size: 15px;
}

Cheers!
Ismael

Hey Vada!

I’m really not sure if this is possible with css. I think the option or select styling depends on the browser. Please hire a freelance developer to modify the option alignment using javascript.

Cheers!
Ismael

Hey!

Please post the login details here and the actual background image. I will try to tweak it.

Regards,
Ismael

Hey!

Did you use the button element or shortcode? You change the text color using this on Quick CSS:

#top .main_color .avia-button.avia-color-theme-color, #top .main_color .avia-button.avia-color-theme-color:hover {
color: blue;
}

Change the button background using this:

.main_color .avia-color-theme-color {
background-color: red;
}

There are lots of tutorial on how to create a custom button. We need to see the button that you designed.

Best regards,
Ismael

Hi sivanrevivo1!

The theme’s default LayerSlider plugin does not support shortcodes. You need to install it as a standalone plugin. You can purchase it on codecanyon. Please use the Advance Layout Builder if you want the layer slider.

Regards,
Ismael

Hi!

The image on the link is so small and it can’t be opened via lightbox. Please post the screenshot on imgur. Make sure it is clear and big so that we can understand what you want. Thanks.

Regards,
Ismael

Hi!

Have you tried the solution above? Please give us a link where you tested it. We’ll inspect the page.

Regards,
Ismael

Hi Kvanto!

Please locate this code on functions.php, you can find it at the very top:

global $avia_config;

Below, add the google font filter:

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['PT Sans Narrow'] = 'PT Sans Narrow';
$fonts['PT Sans'] = 'PT Sans';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['PT Sans Narrow'] = 'PT Sans Narrow';
$fonts['PT Sans'] = 'PT Sans';
return $fonts;
}

Cheers!
Ismael

Hi!

I think it is because of the header_bg opacity. Please add this on Quick CSS:

.header_bg {
opacity: 1;
filter: alpha(opacity=100);
}

Best regards,
Ismael

Hey tmunz!

Add this on Quick CSS:

.image_size_widget .news-thumb img {
width: 36px;
max-height: 28px;
}

Best regards,
Ismael

Hi!

Can you please give us a link to the actual page? We would like to inspect the image. The code above should work for border radius but I guess the image on your page have different selectors. Please try this:

img, a img {
border-radius: 0 !important;
}

Cheers!
Ismael