Hey!

Maybe a screenshot describing what you’re after will help. Square images or any images inside a full width or accordion slider are automatically stretched via css to fill the whole slider container..

Best regards,
Ismael

Hey!

Alright. Please replace it with this:

.main_color .container .av-inner-masonry-content:hover, .main_color .container .av-inner-masonry-content:hover .avia-arrow {
background: yellow;
}

Cheers!
Ismael

Hey!

Try to disable the wpengine’s autooptimize feature. Ask your host.

Best regards,
Ismael

Hi!

Replace the 3 images styling with this:

.three-images {
clear: none;
display: inline;
position: absolute;
z-index: 101;
line-height: 20px;
height: 111px;
margin: 0;
right: 0;
}

.three-images .avia_mega_div {
margin-top: 20px !important;
}

Best regards,
Ismael

Hey!

I’m sorry but I can’t reproduce the issue on my installation. The gallery images show instantly when the page load.

Cheers!
Ismael

Hi!

Inside the support overview page (https://kriesi.at/support/), click on the theme that you’re currently using. Below, you’ll find the form to create new topic. We really can’t answer you here because your question is not related to the topic at hand. Please create your own. Thank you. Anway, maybe this will help. Use the Fullwidth sub menu to create a menu above the color sections.

http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

Cheers!
Ismael

Hey!

EDIT: I’m a bit late. Yes, Andy’s correct but you can try the code below. It’s not the same exact effect but it will get you closer.

Please remove the css codes, replace it with this:

.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry {
background: #000000;
}

.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry:before {
content: '';
-moz-box-shadow: 0 0 150px 5px #000 inset;
-ms-box-shadow: 0 0 150px 5px #000 inset;
-o-box-shadow: 0 0 150px 7px #000 inset;
-webkit-box-shadow: 0 0 100px 8px #000 inset;
box-shadow: 0 0 150px 5px #000 inset;
float: left;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 15;
}

figure.av-inner-masonry.main_color {
background: #000000;
}

.av-inner-masonry-content {
position: absolute;
background: transparent;
bottom: -100% !important;
}

.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry:hover .av-inner-masonry-content {
bottom: 0 !important;
}

.avia_desktop .av-hover-overlay-active .av-masonry-entry .av-masonry-image-container {
opacity: 1 !important;
}

.avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container {
opacity: 0.5 !important;
}

Cheers!
Ismael

Hi!

I’m really sorry but that’s how the Enfold theme works. The theme is built without utilizing the “Customizer” panel.

Regards,
Ismael

Hi!

I really don’t see any difference between the two titles. They are both 44px high. Where can we find the box with the “Hello World” title?

Cheers!
Ismael

Hey!

A link to the site and a screenshot will help. Make sure that you have the latest version of the theme, 3.0.8. Go to Enfold > General Styling > Fonts panel to change the font settings.

Best regards,
Ismael

Hi!

If you don’t mind, we would like to see the actual page so that we can inspect the issue. Try to toggle the position of the color sections then update the page. Revert it back to its natural position, update the page again. Let us know if it helps.

Best regards,
Ismael

Hi!

Please ignore our last suggestion. I don’t think the comment box will work, it will work for the current page but it will not add the comment as post comment because you’re not creating any post. It kinda defeats the purpose of a cms if you’re adding the content manually. Please remove all the elements then insert the Blog Posts element. Update the page. Create posts under the Posts panel. I think it’s best if you look into this documentation for more info regarding posts: http://codex.wordpress.org/Writing_Posts

Regards,
Ismael

Hi!

Unfortunately, we don’t provide support for third party plugins. Additionally, the Events Manager Plugin is not ully compatible with the theme so you might encounter issues in the future that we can’t help you with. Please use the The Events Calendar plugin instead. Anyway, there is no connection between the plugin’s subpages option and the theme’s sidebar settings so you can’t expect the single events pages to show the main events page custom sidebar. If you want the single events page to show the same sidebar as the main events page, edit sidebar.php, look for this code:

if($custom_sidebar)
        {
            dynamic_sidebar($custom_sidebar);
            $default_sidebar = false;
        }

Replace it with:

if($custom_sidebar)
        {
            dynamic_sidebar($custom_sidebar);
            $default_sidebar = false;
        } elseif (is_singular('event')) {
			 dynamic_sidebar('Sidebar Pages');
			 $default_sidebar = false;
		}

Change the index or name of the custom widget area “Sidebar Pages” to the name of the custom sidebar set under the main events page Sidebar Setting.

Best regards,
Ismael

Hey!

Alright. I missed it because the border is missing. That is actually the default behavior of the tab element for mobile device. Add this to the Quick CSS field to disable the full width tab title container:

@media only screen and (max-width: 767px) {
.responsive .tabcontainer .tab {
cursor: pointer;
margin: 0 -1px 0 0;
display: block;
float: left;
z-index: 2;
position: relative;
padding: 12px 16px;
padding-top: 12px;
padding-right: 16px;
padding-bottom: 12px;
padding-left: 16px;
top: 1px;
font-size: 11px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-style: solid;
border-width: 1px;
width: auto;
}

.responsive .top_tab .tab.fullsize-tab {
margin-bottom: 0px;
display: none;
}

.responsive .tabcontainer .tab_titles {
display: block;
}}

You might encounter issues when you have more than 4 tabs.

Cheers!
Ismael

Hi!

Yes, they are the same but the previous code will only apply the css when screens are less than 990px. Please try it. Remove browser cache then reload the page. If it doesn’t work, please provide a screenshot.

Regards,
Ismael