Return to previous page

XStore Gym, When I use 8Theme Instagram widget in prefooter there is unknown gap

This topic has 14 replies, 4 voices, and was last updated 5 years, 10 months ago ago by Rose Tyler

Robert

Participant

March 29, 2019 at 17:28

Hi

I created a prefooter static block with the 8Theme Instagram element spanning the entire single row. When I load the page there is some whitespace above the prefooter Instagram images and below the main page content. I have tried using Google Chrome’s inspect tool to see what is causing the unwanted gap. I can’t determine that it is caused by either custom-css or any other css. Maybe its caused by the 8Theme Instagram element itself?

Please help me get rid of this whitespace? You can see it clearly on the About Us page which has dark content at the bottom of the page.

Please see private content area for site credentials

Regards

Please, contact administrator
for this information.

#211729 Copied Theme version: 5.1.6.1

13 Answers
Rose Tyler

Support staff

March 30, 2019 at 08:08
Hello,

Please add this custom CSS code:

.prefooter .etheme_widget_satick_block { display: block; }

Regards
#211738 Copied
Robert

Participant

March 30, 2019 at 09:32
Hello Rose

Thanks for replying. Unfortunately, your fix did not work for me, as the gap above the prefooter is still there. I refreshed the browser and CDN cache, but still didn’t work. I even added the !important; bit on the end of the line.

/* remove white space above prefooter */ prefooter .sidebar-widget { display: block !important; }

Note, that when the default prefooter that comes with gym is used, there is no gap, its only when I use 8Theme Instagram element in the prefooter that the gap appears, and why I suggested that it was maybe related to that.

I provided site details so you can see the gap clearly on the About Us page in my first post.

Regards
#211746 Copied
Rose Tyler

Support staff

March 30, 2019 at 09:46
Dear, themadguru

Please use this code

.prefooter .etheme_widget_satick_block { display: block; }

Do not forget “.” before the prefooter class http://prntscr.com/n4zu6r
http://prntscr.com/n4zu2b

Regards
#211748 Copied
Robert

Participant

March 30, 2019 at 10:44

Hi again Rose

Aaarrrgh! I missed that, well done spotting that. I used copy and paste from the email notification not from here and for some reason the dot was not in the email I received.

Ok, that has worked now! 🙂

Many thanks &
Enjoy your weekend!

#211750 Copied

Eva Kemp

Participant

March 30, 2019 at 11:41

You are welcome
Feel free to contact us if you need any help

#211752 Copied

Robert

Participant

March 30, 2019 at 13:03

Hi and sorry to bother you again

I was loading the site on various browsers. On Internet Explorer 11, the 8Theme Instagram tiled images in the prefooter area are not square as they should be and appear extremely tall and elongated.

I know people should really move on from Internet explorer, but the reality is, it’s still used in a lot of public libraries and workplaces here in the UK.

Can you please take a look and let me know if there is a possible solution to this?

regards

#211754 Copied

Eva Kemp

Participant

March 30, 2019 at 14:52

Hello
This appears only in Explore? Or in other browser too?

#211755 Copied

Robert

Participant

March 30, 2019 at 23:01

Hi

It only happens with Internet Explorer 11. I tested Chrome, Firefox and MS Edge and they all seem fine.

The site details are in the private area of my first post in this thread, so you can see for yourself.

Regards

#211758 Copied

Eva Kemp

Participant

March 31, 2019 at 08:24

Try to clean the browser cache.

#211763 Copied

Robert

Participant

March 31, 2019 at 18:58

Hi

Refreshing the browser cache did not work

#211781 Copied
Olga Barlow

Participant

April 1, 2019 at 14:16
Hello,

Check now. We have added the following code to fix the problem and fix will be included in the next theme update.

.null-instagram-feed li a { max-width: 100%; }

Regards
#211836 Copied
Robert

Participant

April 3, 2019 at 23:21

Hi Olga

Thanks! I’ve applied your fix to the live site and it works. 🙂

regards

#211962 Copied

Rose Tyler

Support staff

April 4, 2019 at 06:56

Hello,

You’re welcome!

Regards

#211964 Copied
Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘XStore Gym, When I use 8Theme Instagram widget in prefooter there is unknown gap’' has been successfully resolved, and the topic is now closed for further responses

XStore Gym, When I use 8Theme Instagram widget in prefooter there is unknown gap

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection