Hey!

Please add following code to Quick CSS as well

.iconbox .iconbox_content .iconbox_content_title { text-transform: none; }

Best regards,
Yigit

Hi!

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');

Edit any avia elements like Icon Box then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-iconbox”.

You can add something like this on your custom.css or Quick CSS:

.iconbox.awesome-iconbox .iconbox_icon {
background-color: #f15b28 !important; 
}

Regards,
Ismael

Hi glozemedia!

What button? There are various button elements on the theme. Is it the button shortcode? The contact form button? Can you please give us a link to the page with the button element? You can try this on your custom.css or Quick CSS:

.avia_iconbox_title {
font-size: 20px;
}

Best regards,
Ismael

Hey!

1.) Edit the button layer then go to Attributes panel. Give it a unique id like “learn-more-button. Use it on your Quick CSS field.

#learn-more-button:hover {
color: blue;
background: white;
}

2.) Please give it a css selector id or class.

3.) You can use this for the black events button:

.avia-button.avia-icon_select-yes.avia-color-custom.avia-size-small.avia-position-center {
background-color: red;
border-color: red;
color: blue;
}

4.) Use this:

.main_color.iconbox_top .iconbox_icon:hover {
background-color: blue;
}

Best regards,
Ismael

Hi eightpage!

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');

Edit any avia elements like Icon Box then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “first-iconbox”.

You can add something like this on your custom.css or Quick CSS:

.iconbox.iconbox_left.first-iconbox .iconbox_content {
background: red;
} 

Regards,
Ismael

Hey!

Please add this code in Custom.css file

@media only screen and (min-width: 768px) and (max-width: 989px) { .iconbox .iconbox_content .iconbox_content_title { overflow: visible!important; } }

Best regards,
Yigit

EDIT: I did not recieve admin login. Please post it here privately if that code does not work.

• This reply was modified 12 years, 3 months ago by Yigit.

Hi finessecreative!

1.) Maybe this plugin will come in handy http://wordpress.org/plugins/popup-contact-form/ . Unfortunately, we can’t offer full support for third party plugin and we don’t know if it is compatible with theme. This customization is beyond of what we can do as support team. You need to hire a freelance developer to help you.

2.) We can only change the hover color but we can’t give you any code for a tooltip or pop out menu. Again, hire a freelance developer to add the features for you. Add this on your custom.css or Quick CSS:

.iconbox_content h3 a:hover {
color: red !important;
}

Cheers!
Ismael

Hello!

1.) You can use Contact Form 7. Please refer to this link: http://contactform7.com/file-uploading-and-attachment/

2.) You can add this on your custom.css or Quick CSS:

.main_color h3.iconbox_content_title {
color: white;
}

.main_color .sort-param .current-param a {
color: white;
}

.main_color .sort-param > li > span, .main_color .sort-param > li > a, .main_color .sort-param ul {
background-color: #000000;
color: white;
}

.main_color .product-sorting strong {
color: white;
}

Cheers!
Ismael

Hi!

Add this on your custom.css or Quick CSS:

@-moz-document url-prefix() { 
  .iconbox_content h3 span a span {
position: relative;
top: -20px;
}
}

 .iconbox_content h3 span a span {
_position: relative;
_top: -20px;
}

Why is there a span tag inside a span?

Regards,
Ismael

Hi!

You can add the avia button markup inside a layer.

<div class="avia-button-wrap layerslider-button avia-button-center  avia-builder-el-1  el_after_av_blog  avia-builder-el-last  "><a href="LINK HERE" class="avia-button avia-icon_select-yes avia-color-theme-color avia-size-small avia-position-center "><span class="avia_iconbox_title">THIS IS A BUTTON</span></a></div>

Add this on your custom.css or Quick CSS to change the hover effect.

.main_color .layerslider-button .avia-color-theme-color, .main_color .avia-color-theme-color:hover {
background: red;
}

Best regards,
Ismael

Hi!

You can add this on your custom.css or Quick CSS:

.iconbox_icon.heading-color.avia-font-entypo-fontello {
color: red;
}

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');

Edit any avia elements like Button element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-button”.

You can add something like this on your custom.css or Quick CSS to change the button text color:

.main_color .awesome-button .avia_iconbox_title {
color: red;
}

Regards,
Ismael

Hello!
Actually seems that the font and the character is the correct one, it just gets cut off at the top and therefore looks like a diaeresis.
Will add a small padding to thenext update to fix that. meanwhile you can add the following to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->Styling:

.iconbox .iconbox_content .iconbox_content_title {
padding-top: 2px;
}

Best regards,
Kriesi