Thanks, I am not sure how this disappeared but it must have happened during one of the updates.

Hi I am just now getting back to trying to setup a child theme so that I can do the following;

Create another slider specifically for mobile because the current slider is so small when viewed on mobile device. Try to add another full screen slider then toggle the display using css media queries. Example here: https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/

If I download the pre-built enfold child theme will I lose any changes I have already made to my parent theme?

I have included my login details below

Thanks Mike. I have a follow-up question. I am wondering about the font type in Enfold blog posts. Is it possible to change the font type for blog posts or landing pages only? Or if you change the font type would it change the font type on the whole website?

For example I really like the layout, font type etc. on this landing page https://seanwes.com/30-days-to-better-writing/.

I don’t necessarily want to change the font type on my whole website but would like to do something similar to the seanwes website on my blog posts or landing pages.

Also please would you let me know what the font type is in Enfold?

Cheers,

Keith

Thanks I have cleared the cache and that seems to have worked. Also now I have another problem. When you click on the product photo on the next page the image is blurred. This was never before the case. I don’t know if it is due to the latest Woocommerce update.

Please see image below. I am taking about the large image in the top left.

Link to relevant info below.

OK so one image and an empty box to the right of it that says ‘Advertise Here’

I found this code and was wondering it is possible to have less white space under the image between it and the next image

.avia_partner2 { display: none!important; }
.avia_partner_widget a, .avia_partner_widget a:hover { width: 100%; padding-bottom: 100%; }

I meant I had sorted the link out – I still don’t have an answer to my original question/issue.

I am not sure that addresses my question.

As you scroll down this page I want to be able to click on the images in the sidebar and make them link to another page http://westcoasthammocks.com/index.php/superjumbo/.

Thanks!

Yes, that’s the catalogue image. Look at the following image for example, the image is cropped to 450x321px: http://westcoasthammocks.com.au/wp-content/uploads/2016/03/SJ-Lanta-CCU-e1461770115597.jpg

OK so the catalogue image are the images being displayed on the main page in the product grid. I cropped the image you have referenced above http://westcoasthammocks.com.au/wp-content/uploads/2016/03/SJ-Lanta-CCU-e1461770115597.jpg so that was nothing to do with anything else. I have changed it now back to its original size.

If you have images larger than the specified thumbnail size, WordPress will resize or cropped it until it pass the required thumbnail size. In this case, the maximum width of the catalogue images is set to 450x450px. Uploaded images will not exceed that dimension. If you want to prevent this, set the maximum width and height to the size of the actual image but the theme has to resize it via css to fit the column container.

OK now I have set the WooCommerce display settings for catalogue images to 1080×772 which is the size of the original image but I don’t see any difference. Also should hard crop be ticked – please would you explain what hard crop means.

Thanks in advance.

That did the trick – thanks!

At the moment they are 1080 x 772 and as you can see they are only just not fitting in the square. If I could reduce them a small bit to fit in the square that would be great.

When I reduce the image to 300 px I lose a lot of the quality of the image. Also at the moment when you click on the current image (I am not sure what to refer to them to? are those image on the page westcoasthammocks.com.au/superjumbo thumbnails or catalogue images?) you get through to the other product gallery images and when they are in full size of 1080 they are nice and big and you can see full detail. When I change the image size for the page i.e. down to 300 px then when you click through the product gallery images are also small and you can’t see the detail for example click on the image Original Rasta.

For Original Rasta I have downsized the image size but it is not downsized on the main page (catalogue or thumbnail) for some reason.

Ideally I would like them to fit in the box but retain the size so that when you click through you get the full image size 1080px.

Still not working! westcoasthammocks.com.au login details provided

Thanks Ismael,

So if I want to have four columns what size should I make the thumbnails?

Hi there! Really what I am trying to do is the following;

When you load the page http://westcoasthammocks.com.au/superjumbo/ you get the images at the top and then the icons with some information below it i.e.

DOUBLE
Fits Two Adults Comfortably and holds up to 250kg bodyweight!!

I want to add more information after bodyweight but I want it to be optional for the customer to read it and therefore have something like READ MORE. Is there any way of doing that so that the paragraph expands or the box opens or expands. The reason is that from the Ecommerce point of view I don’t want to limit someone getting straight to the products if they don’t want all the other information. If I just have a long paragraph then they might bounce away from the page and not get to the products.

Any help is greatly appreciated!

anyone?