@Josue

I’m not using an Accordian but Tabs and have implemented this fix to have all tabs closed on page load when mobile. The client wants the page to use Tabs, preferring the layout.

I think I gathered that, so is it possible to change this behaviour so that a click/press on the tab header in mobile view toggles the content open/close?

Excellent, thank you.

It nearly worked, but below 990px #main came up into the header so I modified your suggestion to
@media only screen and (max-width: 1024px) and (min-width: 990px)
and it’s OK now. Thanks.

Great, thanks.

Page here.

I want to stop DoNotShow and NewsTicker categories from appearing in the ‘Categories: Archive by Categories’ widget dropdown list in the sidebar.

Hi,

I do not have the Preview Image Size set to manual, it’s auto.

Why is the portrait image (Test…) is displaying nearly 50% bigger than the landscape one (Tesco…)? The original portrait image is about half the size of the landscape image, the thumbnail Enfold is choosing is also smaller yet the image-overlay (if that’s what’s doing the resizing) is 50% taller, hence the image in the post on the left is 50% bigger than the post in the centre. In a Blog Grid like this I think the same image height should be the primary aspect so that the grid images line up in a row horizontally. Is this possible?

http://dev.henleyherald.com/

Thanks, al good.

I want to centre the Featured Image as well so I’ve used this:

.big-preview.single-big img {
	left: 50%;
	transform:translateX(-50%);}

Is that the best way or have you a better recommendation?

Hi,

Confused by this suggestion I’m afraid: portfolio size is currently set as W 495 H 400 px and this is the image that is being used in the Top Stories section for the Tesco… post, yet it appears as if it’s the following line of ‘<span class=”image-overlay…’ that is setting a W 240 H 185 px boundary to somehow to reduce/resize the image. So how will altering the size of the portfolio image itself change anything?

And that image/post is not the problem, it’s the Test Headline… post to the left where the portrait image being used is W 311 H 400 px (i.e. smaller than the Tesco… image) but the image-overlay is set to W 240 H 295 px which is larger than the Tesco… post with the consequence that a smaller image is displayed as a bigger thumbnail on the page – see here.

The images are being resized on the fly so surely the image-overlay on the Test Headline… post (or whatever controls the resizing) should be set as W 145 H 185 px, not W 240 H 295 px, to create an inverse aspect ratio for this thumbnail in relation to the Tesco… thumbnail but more importantly to have both thumbnails the same height in the Blog Grid?

@Andy – that plugin does not stop the WooCommerce thumbnails from being created by /config-woocommerce/config.php, which is the question I asked how to do in my first post, and which has still not been answered, although I think I’ve now figured it out. (-:

For one image uploaded Enfold creates an additional 19 images which triples the disk space used. I am never going to use all of those image types in the website and so I will use the remove_image_size function to stop the ones I don’t want from being created on upload to save space/bloat.

That plugin has however highlighted even more images that Enfold creates as well as gallery, magazine, masonry etc.

So please can you/someone advise what & where these image sizes are used for? If I don’t use them anywhere, I will stop these being created as well, but I need to know where Enfold might use them i.e. are they “core” to the theme.
arpw-thumbnail
wpbdp-thumb
wpbdp-large

However the code is designed surely it is a bug that you can only attach a Custom CSS Class to the Blog Posts element when the Style is set to Grid Layout?

I’m happy to hack a source PHP file to fix the bug if you can provide a workaround until this gets fixed in the next theme update.

And @Yigit’s solution does not get round the problem. The column in question has 4 Blog Posts elements in it. I want to change only 3 of those to alter what post meta is shown. If I add a Custom CSS Class to the column itself, rather than each of the Blog Posts, then all 4 Blog Posts elements in the column are targeted, which is not what I want.

@Basilis – bit confused why you mention masonry_entries.php? It’s iconlist.php I need to modify – did you misread the filename and does the same principle apply for iconlist?

Hi Yigit,

That does not solve what I’m trying to do. Here’s the issue.

The Blog Posts element under Business in that left column is Single Author, small pic Style. But the Blog Posts element does not give any control of the meta elements, hence I have some CSS:

.home-business .blog-meta,
.home-business .post-meta-infos,
.home-business .entry-content {
	display: none;
}

That CSS is not working however because the home-business custom class is not added to the Blog Posts element unless the Blog Style is Grid Layout. Surely not adding the custom class is a bug?

(I tried your suggestion of adding a custom class to the overall column and the class is added but I only want to selectively switch the meta off for some of the Blog Posts elements, not all, but using it on the column switches off all the meta in the column).