Featured Image double on.

[dub]

Hi,

We are seeking some help with the following:

1) We continue to get ‘doubling up’of our images in the ‘Latest Products’ Section. The issue is visible when we scroll through the latest products on the homepage with left and right arrows on the keyboard. We have resized our images to 540 x 720 inline with the woocommerce product image size settings. Regenerating thumbnails has also failed to resolve the issue.

2) Minor issue with layer animation in google chrome. We are using the ‘long from bottom’ and ‘easeoutexpo’ settings with the revolution slider. Everything appears as it should in Safari but not in google chrome.

3) Is it possible to centre the social network icons in the ‘follow us’ section in the lower right of the site?

Thanks again for a great theme and terrific support.

– JD

[Mohammad – SUPPORT]

Hi,
1-Please use this custom css code:

 ul.products li.product figure {
padding-bottom: 405px;
}

2- Revolution slider issue.
Its very minor issue that is related with third party plugin so ignore it now or use another animation effect that will work fine.

3- Social icons center align-:
div.textwidget ul.social-icons.standard.light{margin-left:6px}

Thanks 🙂
With Best Regards
Swift Ideas

[dub]

Hi Mohammad,

We have inserted the custom CSS provided but it doesn’t appear to be working. The images are still doubling up and the social network icons remain aligned to the left. If you could please advise on next steps.

With thanks

-JD

[dub]

Please see attached.

We added CSS within theme options > general options. All other custom CSS has worked fine.

Thanks again,

– JD

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove .products-mini from this code and check for issue.
Thanks

[dub]

Hi,

We have removed .products-mini however the issue still persists.

Similarly, the social network icons are still justified to the left.

Thanks

– JD

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshots to explain both issues and provide specific page url with browser so i can debug and give quick exact solution to you.

Thanks 🙂
With Best Regards
Swift Ideas

[dub]

This reply has been marked as private.

[dub]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use given below custom css code:-
/* image double */
ul.products li.product figure{padding-bottom:360px !important}

You did not explore screen size and device name for 2 and 3 point.

Thanks

[dub]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

I’m sure I’ve provided you with some custom css in another thread to centre those images?

– Kyle

[dub]

Thanks Kyle,

We tried your solution however we couldn’t get it to work.

We managed to fix the problem without too much trouble. For others wanting to centre the text widget .textwidget > img simply change ‘alignone’ to ‘aligncenter’ found under Appearence > Widgets

<img class="<strong>aligncenter</strong> size-full wp-image-9920" alt="welcome" src="http://<strong>YOUWEBSITE.COM</strong>/wp-content/uploads/2014/07/<strong>YOUIMAGE</strong>.png" width="195" height="97.5" />
<strong><br></strong>

You also need to delete a break <br> (assuming you uploaded the demo content) shown in bold to get the image in the right position. Finally, adjust uploads/2014/07 to the date you uploaded the file or the folder you used with FTP.

We found some helpful info here: http://diythemes.com/thesis/rtfm/image-styles/

Hope this helps others

– JD

[Kyle – SUPPORT]

Ok great, thanks

– Kyle