Hi!

I’m not really sure why the image overlay appear on the logo but you can add this on Quick CSS to remove it:

.avia_image.avia-builder-el-32.avia-builder-el-no-sibling.avia-align-center .image-overlay {
    display: none !important;
}

Cheers!
Ismael

Hi!

Do you have the Fullscreen Slider? Edit js > shortcodes.js, find this code on line 687:

slide_height = Math.ceil( (viewport / 100) * this.options.height );

Replace it with:

slide_height = Math.ceil( (viewport / 100) * this.options.height + 88 );

Remove browser cache then reload the page.

Regards,
Ismael

Hi baeriswyl!

Sure. :)

You can use this on Quick CSS:

.iconbox .iconbox_content .iconbox_content_title {
border: medium none;
padding: 2px 0 0 0;
position: relative;
margin: 0 0 16px 0;
clear: none;
overflow: hidden;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 18px;
font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

Change the values.

Regards,
Ismael

Hi SpiceMaster!

Can you please give us a link to the website? Increase the wordpress php memory limit then try again: http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/

Cheers!
Ismael

Hi!

Please post the login details here, set it as a private reply. We would like to inspect the layer slider.

Regards,
Ismael

Hey OsteopathicCollege!

Can you please post a link to the website? Do you have any plugin that might be related with the menus? Please deactivate them, see if the issue persist. Refer to this link on how to fix the custom menu limit, maybe this will help: http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-custom-menu-items-limit-in-wordpress/comment-page-1/#comment-186321

Best regards,
Ismael

Hi bmneimark!

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

Create a page then insert three 1/3 columns. On each columns insert the Images element under Media Element panel. Configure each Images element then add a custom css class. For example, let’s use the “one_third_image”. Add this on custom.css or Quick CSS to specify the height of the images with the “one_third_image” selector:

.avia_image.one_third_image {
height: 240px;
}

Best regards,
Ismael

Hi!

Alright, it does work on my end though. :)

Best regards,
Ismael

Hey MacMURJ!

You have a lot of plugins installed, please deactivate them first. Check it on another browser, see if the issue persist. Post the login details here as a private reply.

Best regards,
Ismael

Hi!

1.) Add this on Quick CSS:

.four.units.single-product-main-image.alpha .images a {
pointer-events: none;
}

2.) You can change the font of the tax rate using this:

.woocommerce-de_price_taxrate {
font-size: 11px !important;
font-family: Arial;
}

Best regards,
Ismael

Hi!

I’m sorry but I don’t think it is possible without major css and theme file rewrite. Please hire a freelance developer to modify the theme for you.

Best regards,
Ismael

Hi!

2.) Please give us a link to the actual single portfolio page.

3.) Change the iconlist background using this:

.main_color .avia-icon-list .iconlist_icon {
background-color: red;
}

Best regards,
Ismael

Hi!

It works here: http://onecraftyshop.com/special-heading-animation-test/

Cheers!
Ismael

Hi medvick!

That is a custom background created by Kriesi. Please hire a freelance developer to replicate the design. You can start with this css code:

#pre-sale-question form {
border-radius: 6px;
padding: 8px;
position: relative;
border: 1px #e1e1e1 solid;
background: #D1D1D1;
background: -moz-repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
background: -webkit-repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
background: -o-repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
background: repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
}

Best regards,
Ismael

Hi!

You can add this on Quick CSS:

.sidebar_left.sidebar {
text-align: left;
}

#top .sidebar_left .widget_nav_menu ul ul li:before {
left: 0;
}

If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page.

.page-id-2251 .sidebar_left.sidebar {
text-align: left;
}

.page-id-2251 .sidebar_left .widget_nav_menu ul ul li:before {
left: 0;
}

Cheers!
Ismael