Hi there

I gave up on this one – and have done them differently now.

Thanks for your help anyway :-)

Hi there

Nothing seems to have have changed?
there is a still a white gap between the top grid and the next grid – that shouldn’t be there – I wanted all the images to be touching.

Viewing on a mobile the text and buttons still align to the top of the images when they should be centred.

And there is no hoover effect?

Im not sure what that code you added was meant to do?

I am on a tight deadline now to get this website live for my client and only have a few days left to get this sorted please help :-)

Cheers
Natasha

Hi there yes details below :-)

Also is is possible to have the buttons with the outline – eg the dark transparent and light transparent but change the border colour?

And can there be a hoover effect over the images? I have them as background images so that I can have text and buttons over top of them but the text can be hard to read so a colour transparency that is enabled on hoover or a image blur effect or something – can that be done in the grid?

Ok sooooo I have now tried to size them all the widths to fit the areas. Now the width the height seem to all line up except now there is a white space/gap between the top row and the bottom row?

Also when I view on iPad and smaller screen sizes the text and buttons dont seem to scale/become responsive – so are showing really large.

On mobiles the text and caption is aligning at the top of each image – I have it set to be in the middle and centred?

OK thank you I will look into that :-)

Actually I am still having an issue with the grid areas displaying well across different size screens.

I have changed the image sizing to “entry without sidebar” on the top 2 images (1/2 columns. But I’m viewing on a large screen iMac and their is a gap around each one – then when i check different size screens in developer mode in Safari to show responsiveness the buttons dont centre on the iPads and smaller desktop screens and on the mobile phones there is a big gap between each image.

When I put the images in at “full size” they dont scale evenly either.

What is the best size to create my images at so I can get them to display correctly?

new website link below

Sorry still not working :-(

Didn’t fix it not hint fix it lol

Hi there link below :-)

Hi there

I tried a few of these but my client uses InfusionSoft for subscribers and none of these have a good way of linking to that.

But thats ok I will stay with the optinmonster option.

thanks anyway :-)

Hi there

As you can see from my attempts to make what I need work on that homepage link I tried the grid row option but can’t get the button to overlay on the images – how can I do that?

Also in regards to image sizing how do I work out the right size for images to fit for grid options like this (for full width screen options and then responsive so it fits anyones different size monitor/screen. And the correct height and depth so it all lines up perfectly?

Cheers

HI there

I tried that and yes it did show but nothing else on the page showed and I got this error message:

Fatal error: Call to a member function get_upsells() on a non-object in /home3/xyz/public_html/test/wp-content/plugins/woocommerce/templates/single-product/up-sells.php on line 25

So that didn’t work unfortunately

Hi there

So how come woocommerce has shortcodes to be able to do this yet they dont work with Enfold? Considering woocommerce and Enfold are meant to be compatible – it seems odd that to make those shortcodes functions work you tell me I have to pay someone to do this for me?

yet when I change the theme that shortcodes work perfectly….

Also while you are on that page how can I make the fill width easy slider look better on mobile view?

Currently if you view it on a mobile the top and bottom get cut off

Hi there

That works but not for what I was after – I want display all of the info that would normally display on a single product page – not just the small version contained in a small box with image, price and add to cart etc.