Hi!

Thank you for using the Enfold theme.

Regarding the logo, please adjust the height of the header on Enfold > Header Layout > Header layout > Header Size. Set the setting to custom pixel value. Adjust the height to 156px. This will automatically adjust the width of the logo.

On the hotspot element, when you add an image via the Add Media button, the image will be added on the tooltip not on the hotspot number.

Cheers!
Ismael

Hi!

Thank you for the info. I’ll close this thread for now. :)

Best regards,
Ismael

Hi Rustybucket!

Thank you for using the theme.

Please go to the layerslider panel then look for the Load Google Fonts panel. Search for the “Open Sans” font then enable all variants especially the 300 font weight. Edit the layers with the Open Sans Light font family. Replace it with Open Sans and then go to Style panel. Look for the Custom styles field, add the font-weight property. Something like this:

font-weight: 300;

Open Sans Light is not included on the official google font library.

Regards,
Ismael

Hi!

Thank you for the info.

On what browser version and OS are you testing this? Still not sure why the 3D transition is not working on other browsers. Tested on Chrome 36.0.1985.125 Windows 8. We already reported the issue to Kriesi. For now, please use the 2D transition if possible.

Best regards,
Ismael

Hi EisaSawyer!

Thank you for using the theme.

What are the installed plugins on your website? I think it’s possible to ask your host for the correct login details.

Cheers!
Ismael

Hi djshortkut!

Again, thank you so much for using Enfold. :)

You can edit functions-enfold.php, find this code on line 376:

$image = get_the_post_thumbnail($entry->ID, 'thumbnail');

Replace it with:

$image = get_the_post_thumbnail($entry->ID, 'square');

Regenerate the thumbnails.

Cheers!
Ismael

Hi murphy88!

Thank you for using the theme.

Is it ok if we deactivate all plugins while working on the site? You have a lot of plugins installed and one of these might be causing the issue. There are script errors on the console which is probably cause by a third party plugin.

Best regards,
Ismael

Hey BarbaraD!

Thank you for using the theme.

You can actually use the full screen slider to achieve this. Add an image which will act as the background then separate the button or graphics that you want to be clickable. Use the Caption Text field to add these buttons. Something like this:

<a href="LIGHTBOX IMAGE URI HERE" id="image-1"><img src="GRAPHIC URI HERE" /></a>

<a href="LIGHTBOX IMAGE URI HERE" id="image-2"><img src="GRAPHIC URI HERE" /></a>

Use this on Quick CSS to remove the default background of the caption:

.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
background: transparent;
}

If you noticed, we added an id for each image. Use this to adjust the position of the button:

a#image-1 {
top: 20px;
left: -50px;
}

a#image-1 {
top: -20px;
left: 50px;
}

Cheers!
Ismael

Hi!

We’re not sure why the 3D transition is working on some installation but not on others. I can reproduce the same issue on Chrome Windows 8. I tried deactivating all plugins and tested on a fresh install of WordPress, still the transition doesn’t work. We already reported the issue to Kriesi. Maybe he can ask the plugin author to give more insights over the issue. For now, please use the 2D transition which works fine on all browsers.

Regards,
Ismael

Hey!

Thank you for the screenshot.

Adjust the min height of the color section with this:

.avia-section {
min-height: 50px;
}

Best regards,
Ismael

Hi bethiebfit!

Thank you for using the theme.

1.) Insert the social icons on a column layout.

2.) Select the thumbnail size on Slideshow Image and Video Size. It is better to resize your images to the same ratio before uploading it to the slider.

3.) Use this to remove the header border:

#header_main {
border: none;
}

.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
padding-top: 117px;
}

4.) What specific pictures are you referring to? If you’re using the image element, set the Image Link? to No Link.

Cheers!
Ismael

Hey!

Would love to hear about this too. :)

Cheers!
Ismael

Hey spavli2!

Thank you for using the theme.

Use the table element then add this on Quick CSS or custom.css to remove the border and background color:

.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
background: transparent;
border: none;
}

.main_color tr:nth-child(even), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table>li:nth-child(even), body .main_color .pricing-table.avia-desc-col li {
background-color: transparent;
border: none;
}

Best regards,
Ismael

Hi!

I actually tested the same code as Dude suggested before but it doesn’t work on my end. Not sure why it works on his installation. So for everyone who wants the ga code in the header, you can try either of the suggested snippets above.

Regards,
Ismael

Hi!

I’m sorry but it’s not possible to add overlay effect on the google markers without modifying the core theme files. If necessary, please hire a freelance developer to add the overlay effect on google map markers. You can visit Envato Studio or Werkpress for further customization.

Cheers!
Ismael