Hey!

Thank you for using Enfold.

The masonry images are resized to a max width and height of 705x705px in the functions.php file. You can increase the px value then regenerate the thumbnails:

$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry

Use this plugin to regenerate the thumbnails: https://wordpress.org/plugins/regenerate-thumbnails/

I checked the page and the images seem to be ok, maybe because I’m not a photographer. Anyway, please try the solution above.

Best regards,
Ismael

Hey!

Alright. Note that you will not see the content of the advance layout builder if you switch to the default editor. I checked the default editor on this page and it is working: http://eic7.eng.fiu.edu/fiu-research/wp-admin/post.php?post=625&action=edit

The plugin isn’t fully updated but it works fine on the latest wp version: https://wordpress.org/plugins/widget-logic/

Regards,
Ismael

Hi!

The current crop parameter for the product images is set to “Soft” or false which means that it will crop the images but it will keep the image proportion in order to create a full image. If the parameter is set to “Hard” or true then it will chopped off parts of the image to obtain the specified thumbnail size. So to answer your question, you need to upload images with the same dimension or size in order to create a consistent product overview page.

Regards,
Ismael

Hey!

Please contact your hosting provider. Ask them to increase the following php settings:

max_input_time = 60
max_execution_time = 120
upload_max_filesize = 64M
post_max_size = 64m
memory_limit = 256M

Those are settings plus the recommended values.

Regards,
Ismael

Hi!

Did you use the Blog Grid style for the blog page? Or the post slider? Try this in the Quick CSS field:

.slide-content {
  background: #fff;
  padding: 10px;
}

Cheers!
Ismael

Hey!

It took you a month to respond. Anyway, is the site using the latest version of the theme, 3.1.5? There are jquery errors on the console when I checked it.

Uncaught ReferenceError: jQuery is not defined(anonymous function) @ (index):226
(index):226 Uncaught TypeError: undefined is not a function

Please try to deactivate the plugins.

Best regards,
Ismael

Hey!

1.) Eliminate render-blocking JavaScript and CSS in above-the-fold – This error is cause by files or scripts that is loaded before the content. Any themes with advance or at least decent functionality will get the error because they require custom scripts to render the page properly. Try to install a cache plugin with minify settings to improve the page speed: https://wordpress.org/plugins/w3-total-cache/

2.) Optimize Images – You can install this plugin to optimize the images: https://wordpress.org/plugins/wp-smushit/

3.) User Experience – Add this in the Quick CSS field to create space between the slider dots:

@media only screen and (max-width: 480px) {
a.goto-slide {
  margin: 0 15px;
}}

Cheers!
Ismael

Hey!

Do they have the same settings as the home page element?Try to replace the code with this:

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
.avia-logo-element-container.av-border-deactivate.avia-logo-grid.avia-content-slider.avia-smallarrow-slider.avia-content-grid-active {
width: 190%;
}}

Cheers!
Ismael

Hey!

If you’re going to add it in a child theme, replace the code:

add_shortcode( ‘bread_crumb’, ‘avia_title’ )

with this:

add_action('init', 'ava_add_custom_shortcode', 10);
function ava_add_custom_shortcode() {
add_shortcode( 'bread_crumb', 'avia_title' );
}

Note that the new title container shortcode will not look entirely the same as the default one. You need to modify it via css.

Cheers!
Ismael

Hey!

OK. On the frontpage, we created a new section with the code block element inside. You can add the icon css modifications inside the code block: http://alextomaszewski.com/wp-admin/post.php?post=389&action=edit

We modified the hover state of the imdb icon for example, using this code inside the code block element:

img#imdb-icon:hover {
  background: blue !important;
}

You can do the same for the other icons. Add a unique id in the attributes panel then place the css code in the code block.

Best regards,
Ismael

Hey!

You can try this in the Quick CSS field:

.single #main .main_color {
  background: #ffffff;
  color: black;
}

Cheers!
Ismael

Hi!

Thank you for the link.

We don’t encourage user to post multiple questions in a single thread. We would like to keep each thread subject related as much as possible so that users with the same problem or request can easily find it in the search. Please be specific with the questions and provide more info and screenshot if possible. Most of the questions above are unclear. For example:

Here is an image with 1130px x 636px http://www.alfaweb.at/testwaldi/wp-content/uploads/2015/04/fuerse%C3%B6bstaendige.jpg and i want to display it over the first image.

2/7.) What do you mean by “first image”? We have to go back to question number 2 to check it. Are you trying to combine those images?

3.) Add a color section, add the image as background then insert a Video element inside.

4.) Looks like you’re trying to combine two images again with different dimension and size. Why not combine them as a single image?

8.) Go to General Styling > Footer panel to add a background.

9.) Please elaborate a little bit.

10.) You can add html tags or codes in the Enfold > Footer > Copyright field.

Thank you for your understanding.

Best regards,
Ismael

Hi!

Did you add the image as background? The layer slider automatically applies a top offset to keep the background responsive. Try to add this in the Quick CSS field:

.html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main {
  padding-top: 210px;
}

Use css media queries to adjust the top padding on different screen size.

Cheers!
Ismael

Hey!

Thank you for using Enfold.

I checked the site but it’s missing. Please create another test page. Make sure to update the theme to 3.1.5.

Regards,
Ismael

Hey C-LabMX!

Thank you for using Enfold.

Looks like you modified the header height via custom css. Please remove the modification then set the Header Size on Enfold > Header panel. Set it to custom pixel value. Set the height to 55px.

Best regards,
Ismael