Hi,

This code does work on my end. It will force the iconbox to have a minimum height aligning them properly.

/*

Desktop Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */



@media only screen (min-width: 800px) and (max-width: 1024px) {

/* Add your Desktop Styles here */

.page-id-9576 .iconbox_content {

min-height: 540px;

}

}

Please remove browser cache then reload the page. You need to experiment with Media Queries to align them properly on different browser width.

Regards,

Ismael

Hi,

Unfortunately, the revision doesn’t work for the Avia Builder.

First, switch the Advance Layout Editor (ALE) to debug mode. Edit functions.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";

}



add_theme_support('avia_template_builder_custom_css');

This will let you see the shortcode below the ALE. You can combine shortcodes like this:

[av_tab_container position='top_tab' boxed='border_tabs' initial='1' custom_class='']

[av_tab title='Tab 1' icon_select='no' icon='1']

Tab Content goes here

[av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']

[/av_tab]

[av_tab title='Tab 2' icon_select='no' icon='1']

Tab Content goes here

[av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']

[/av_tab]

[/av_tab_container]

The example above are buttons inside a tab element.

Regards,

Ismael

Hi,

Please refer to this link: https://kriesi.at/support/topic/translation-issue-on-search-results-page

Regards,

Ismael

Hi,

The hover effect is decreasing the opacity of the button.

#top .avia-slideshow-button:hover {

opacity: 0.7;

}

This is the default css style of the button.

#top .avia-slideshow-button {

text-transform: uppercase;

color: #fff;

border-radius: 3px;

border: 3px solid #fff;

padding: 7px 16px;

margin-top: 20px;

display: inline-block;

text-decoration: none;

font-weight: bold;

background-color: rgba(0,0,0,0.2);

}

Regards,

Ismael

Hi,

There is a p tag before the content. Can you please check if you unintentionally added a line break on the editor? Please add this on your custom.css or Quick CSS.

.tabcontainer div .first {

margin-top: 0;

}

Regards,

Ismael

Hi,

Kriesi removed the caption on the prettyPhoto plugin. You can add a request here to turn it back. https://kriesi.at/support/topic/enfold-feature-requests

Regards,

Ismael

Hi,

You can add this on your custom.css or Quick CSS to create an indent on the menus when you have a left sidebar.

#top .widget ul.sub-menu {

padding-right: 20px;

}

Regards,

Ismael

Hi,

First, insert a column element then add the Image, Text Block then the Button. Give the button a unique css selector, for example “new-button”. Add this on your custom.css or Quick CSS.

.new-button {

position: absolute;

top: 80px;

left: 10px;

}

This will move the button on top of the image. You can do the same with the Text block element.

Regards,

Ismael

Hi,

Please refer to this link: https://kriesi.at/support/topic/translation-issue-on-search-results-page

Regards,

Ismael