Hey netfex!

You can try to add an onclick event like this user: https://kriesi.at/support/topic/syntax-error-when-adding-tracking-code-to-form-submit-button/

If you want to track the user actions with a special website I suggest to use Formidable or Gravity Forms instead of the default contact form.

Cheers!
Peter

@brdconcept – we made a css fix to our site which addressed our issue, apart from still having problems with the boxed layout for PC.
Here’s the code …

.html_boxed.fixed_header.avia-windows #header{width:100%;}
.html_boxed.fixed_header.avia-windows #header .social_bookmarks{margin:0;}
.html_boxed.fixed_header.avia-windows #header .social_bookmarks li {display:block; float:left; padding:4px 0 5px; border-left:1px solid #e1e1e1; min-width:32px; text-align:center;}
.html_boxed.fixed_header.avia-windows #header .social_bookmarks li:first-child{border:none;}
.html_boxed.fixed_header.avia-windows #header .social_bookmarks li a {padding:5px 10px;}
.html_boxed.fixed_header.avia-windows #header .social_bookmarks li a:hover{text-decoration:none;}

.main_menu ul:first-child > li { display:block !important; position:relative !important; float:left; }
.main_menu .menu ul li a:hover{color:#000 !important;}
.main_menu .menu ul li a { width: 100%; display: block; padding-left: 20px; font-weight: bold; text-decoration: none; }

.fixed_header.social_header.avia-windows #main{padding-top:79px;}

#header .sub_menu li{background:none !important;}
#header_meta{box-shadow:none !important;}

aside.sidebar{clear:none !important;}

NOTE: The sidebar instruction at the end was necessary because the sidebar was being pushed to the bottom on the PC browsers

@Ismael / @Devin – I believe this may be a theme issue when using the “fixed header with social icons and additional navigation” in conjunction with the “boxed layout”

Hey japk!

This feature would require a theme code customization which is beyond the scope of our support forum. You can suggest a product catalog lightbox feature here: https://kriesi.at/support/topic/enfold-feature-requests/ and if more users request it we’ll look into it.

Regards,
Peter

Hi!

I suggest to upload a different background image in this case. Your current image shows two quote icons: http://home.innerpath.com/wp-content/uploads/2014/01/quotes-background-1300×200.png and imo it’s not possible to show both quotes for all screen resolutions. The only solution would be to use this code

#quotes {
background-size: contain;
}

but then the image position looks weird on smaller screens. I suggest to draw the quote box with css (don’t use an image but just set a bg color for the entire box) and then insert the quote icon (small image which just contains the icon) with a background-image attribute and use “no-repeat top left”.

Cheers!
Peter

Hi!

1) Yes, (for this page: http://thefoundtable.com/entry ) use following css code

#top.page-id-3872 .avia-section{
background-color: rgba(200, 54, 54, 0.5);
}

You can use any other rgba value – this converter: http://hex2rgba.devoth.com/ will help you to convert the hex colors to rgba. The last value determines the opacity and must be between 0 and 1.

2) Yes use this code and replace the rgba values to change the color

#top.page-id-3872 .avia_textblock{
background-color: rgba(200, 54, 54, 0.5);
}

3) You can hide the header with

#top.page-id-3872 #header_main { display: none !important; } 

4) Can you post a link to a page with the menu please?

Best regards,
Peter

Hi!

Please try to insert following code into the quick css field

#top.page-id-2539 .avia-slideshow li img {
width: auto;
max-height: 314px;
}

If you want to set a different heights use this code

#top.page-id-2539 .avia-slideshow.avia-slideshow-1 li img {
width: auto;
max-height: 314px;
}

for the first slideshow and

#top.page-id-2539 .avia-slideshow.avia-slideshow-2 li img {
width: auto;
max-height: 314px;
}

for the second slideshow and change the max-height value if necessary.

Regards,
Peter

Hey!

Ok, please try to reduce the padding bottom/top with

.pricing-table>li.avia-pricing-row{
padding-bottom: 5px;
padding-top: 5px;
}

Best regards,
Peter

Hi!

You can use following code

.avia-msie .menu-item .av_font_icon {
margin-top:-20px;
}

to apply a negative offset for IE users. If you can only reproduce the issue with IE10 use this code

.avia-msie-10 .menu-item .av_font_icon {
margin-top:-20px;
}

which will not affect IE9, 11, etc.

Best regards,
Peter