Hey marcoabis81,
Thank you for the login and link, I see that you are creating your post with the WordPress Classic Editor and adding Enfold shortcodes to create the columns. To ensure that the content after your two columns 2/3 + 1/3 continues below the 2/3 column we will add the “equal height” option to this row, the option for this is: min_height='av-equal-height-column'
The option is always added to the first column of the row so your full shortcode looks like this:
[av_two_third first min_height='av-equal-height-column']
I added this for you to see, please check.
Another option instead of using shortcodes is to wrap your text around the smaller images, which I assume the layout you are trying to achieve, please see this article on how to do this.

Best regards,
Mike

Hey AmelC,
As I understand your question, you are asking why the gallery element doesn’t support tags or categories, this is because the WordPress default media library doesn’t offer tags or categories for images. This is how the core WordPress has been created. If you see this on your install perhaps you are using a plugin that adds this function to the media library similar portfolio items?
As for the layout of the gallery items, if you place the gallery element in a full-width column the images are larger with the fewer columns selected in the options.

Is this what you are trying for?

Best regards,
Mike

Hi,

@frosch178 please open a new thread so we can investigate your issue since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.
I’m not able to recreate your missing tables on my localhost so possibility you are getting a conflict from a plugin, please try disabling your plugins and check again.

Best regards,
Mike

Hi,
I believe you are referring to the archive widget in your sidebar, please see the screenshot in Private Content area.
You can not change the names of these links because they point to date achieve pages, where the posts are sorted by date. You can use a different widget such as the “category” widget or you can use an “HTML” widget to create custom links with any title you wish.
For example, paste this code into an “HTML” widget and adjust to suit:

<ul>
<li><a href="/2014/08/">Custom Title</a></li>
<li><a href="/2014/05/">Custom Title</a></li>
<li><a href="/2014/02/">Custom Title</a></li>
<li><a href="/2013/12/">Custom Title</a></li>
<li><a href="/2013/01/">Custom Title</a></li>
<li><a href="/2012/08/">Custom Title</a></li>
<li><a href="/2012/05/">Custom Title</a></li>
<li><a href="/2011/10/">Custom Title</a></li>
</ul>

Best regards,
Mike

Hi,
To apply this script to certain elements with a custom class, just add the custom class to the beginning of the sectors typically followed by a space. For example if your custom class is “test” then the code would look like this:

function removemasonryImageTitleOnHover(){
?>
<script>
jQuery(document).ready(function() {
var imgTitle;
jQuery(".test a.av-masonry-entry").hover(function(){
imgTitle = jQuery(this).attr("title");
jQuery(this).removeAttr("title");
}, function(){
jQuery(this).attr("title", imgTitle);
});
jQuery(".test a.av-masonry-entry .av-masonry-image-container").hover(function(){
imgTitle = jQuery(this).attr("title");
jQuery(this).removeAttr("title");
}, function(){
jQuery(this).attr("title", imgTitle);
});
});
</script>
<?php
}
add_action('wp_footer', 'removemasonryImageTitleOnHover');

Please try this, if it doesn’t work for you then please post a link to the page so we can check the sectors and ensure the correct placement in the code above.

Best regards,
Mike

Hey blancocapell,
Thank you for the link, but this seems to be a regular gallery and not a “horizontal gallery” element. I have checked your gallery images in the lightbox and they are opening the original images such as /IMG_1068.jpg where the thumbnails are like these /IMG_1068-260x185.jpg
Perhaps you thought it was a thumbnail because the image was contained in the viewable area of the lightbox?
To extend it you could try this css:

img.mfp-img,.mfp-image-holder .mfp-content {
    width: 100% !important; 
    height: 100% !important; 
    max-height: 100% !important;
}

But the “horizontal gallery” element doesn’t open in a lightbox, the image is only enlarged within the container.

Best regards,
Mike

Hi,
I believe that you wrote “PHP” in error, the code above is “CSS”
Yes, you can add a custom “class” to your element and the code above to focus certain elements in the same matter.
Try adding .testbig followed by a space to the beginning of your code above, and add testbig to the element’s “custom class” field.

Best regards,
Mike

Hi,
Very good. By the way, if you have trouble updating and try to update via FTP, please don’t overwrite the theme folder with the new version, please follow these steps:

The easiest and safest way to update is to download the newest version from Theme Forest and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.

Best regards,
Mike

Hi,
We could assist but we will need FTP access, or cPanel access, or whatever file manager access your web host gives you.
Please post this login in the Private Content area and also download your copy of Enfold v4.7.1 from your Theme Forest account and upload to DropBox or Google Drive and link to it in the Private Content area.

Best regards,
Mike

Hi,
Your train image is too long for it to show well on mobile because when it is forced to fit it is then too narrow, try testing this css to see what I mean:

#top.page-id-8197 #av_section_1{
        background-size: contain !important;
}

For tablet this css would work for you if we move the title up a little.
But for mobile, I recommend manually cropping your image and using css to show.
Try uploading the two images in the Private Content area and then change the url in this css one at a time and test on mobile, feel free to create your own cropped mobile image, these are only examples to get you started.

@media only screen and (max-width: 767px) { 
	#top.page-id-8197 #av_section_1{
background-image: url(https://test.test/mobile1.jpeg) !important; 
background-size: contain !important;
}
}

Best regards,
Mike

Hey tijshensen,
Thank you for the screenshot, I was able to find your site and examine the characters. I have seen this before and it was caused by pasting text into the element from another program that had special text formating.
So please try cutting your text from the element and pasting into a “plain text” document such as the Windows “notepad”, if you are on Mac please read this article about Plain Text Mode in TextEdit
Then copy only the plain text, and not any special characters, from the editor and paste into your WordPress element.

Best regards,
Mike

Hi,
For the remaining background images on the page, please try this css:

@media only screen and (max-width: 767px) {
.page-id-824 #wellness .av-parallax,.page-id-824 #report .av-parallax,.page-id-824 #organizational .av-parallax {
    background-image: none !important;
    background-color: #f8f8f8 !important; 
}
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
I see that from the product ranges page all of the links are like this:
/staging586/products-range/index.php/products-range/ballistic-plates/
where they should be like the menu links:
/staging586/products-range/ballistic-plates/
Your live site also has the same links, but they still link correctly there, probably due the mod_rewrite in your .htaccess
Please try going to your Permalink Settings and resave, if this doesn’t help please compare the .htaccess files of the two sites for an added mod_rewrite rule.
If this doesn’t help, please include an admin login and ftp access in the private content area so we can be of more assistance.

Best regards,
Mike

Hi,
@Lana, glad @Barnez1’s suggestion helped, is there anything else we can assist with on this, or shall we close this?

@Barnez1, thank you for helping.

Best regards,
Mike

Hi,
That one has different classes so please add this css for it to work:

a.avia-gallery-big {
    -webkit-animation: in 1.5s;
    animation-fill-mode: forwards;
}

a.avia-gallery-big:hover {
    -webkit-animation: out 1.5s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes in {
    from   { -webkit-transform: scale(1.05,1.05);}
    to { -webkit-transform: scale(1,1); }
}

@-webkit-keyframes out {
    0%   { -webkit-transform: scale(1,1); }
    100% { -webkit-transform: scale(1.05,1.05); }
}

#top a.avia-gallery-big:hover {
    opacity: 1 !important;
}
.avia_transform a.avia-gallery-big:hover .image-overlay {
    opacity: 0 !important;
}

Best regards,
Mike