Media gallery not loading

Hi @frontierforever!

Yes, this indicates that you have a plugin causing an error on your admin area. I suggest using Health check & troubleshooting plugin as you see here:
https://smartslider.helpscoutdocs.com/article/2006-how-to-use-health-check-troubleshooting-plugin
that could help you pinpoint the problem.

But if Health check & troubleshooting plugin wouldn’t work for you, or you would see an issue while only Smart Slider is being activated with a default WordPress theme, please rather contact us here:
https://smartslider3.com/contact-us/support/?topic=Editing&editing-group=Editing-Other

Thank you so much for that speedy response! I found the culprit plugin, and although I do need it, I can work with it deactivated ?? TY!

I have another question that I hope you can help with. I have headers and text on a slider that work perfectly on desktop, but don’t on mobile. Can you help me understand how to get it to appear in the right place? I have the position set to absolute and the font size %

The problem with your slider is, that you used absolute positioned layers:
https://www.youtube.com/watch?v=_3Knh5hMGrs&feature=youtu.be&t=89&ab_channel=NEXTEND
but for “content” we don’t suggest using this positioning, as it cannot produce a good responsive design in most cases. We only suggest using this positioning for decorative elements, like here:
https://smartslider3.com/coming-soon/
the “Coming Soon” text is just in the background, and it doesn’t matter which parts of it gets hidden with different responsive views.

So you should modify the position of your layers to “default”:
https://smartslider.helpscoutdocs.com/article/1916-slide-editing-in-smart-slider-3#make-default
With this positioning mode, your layers will take up their space, so they won’t crawl over each other.

With default positioned layers, the positioning rather happens from the parent element:
https://www.youtube.com/watch?v=3PPtkRU7D74&feature=youtu.be&t=339&ab_channel=NEXTEND

Then on mobile view, you should use the font resizer:
https://www.youtube.com/watch?v=GUMeRd4W_bM&feature=youtu.be&t=59&ab_channel=NEXTEND
to make your text as big as it should be.

Thank you so much! I had a little trouble figuring out how to get the images to stay full screen in responsive mode without being absolute, but I think I’ve got it!

A new issue though, some of my fonts are working on the desktop version but not the mobile version (second slide of the top slider). Any idea how to fix that?

I can see, that you are using ‘Western Bang Bang’ font family. This font is not being called in to your website. On your PC you probably have it installed locally, but on your phone it isn’t, and that is why it won’t work there.

So you will need to follow these instructions:
https://smartslider.helpscoutdocs.com/article/1828-using-your-own-fonts#frontend
to have a code on your website, which calls that font family in.

hrmm. Are you saying the western bang bang doesn’t show up for you in either case? I have that font and nise genesis on that slide, and they’re both installed on my site through a plugin called ‘use any font’. Are neither displaying for any device?

Yes, that font family doesn’t show up on my desktop computer either. But now I see, that your custom fonts are being called in by this CSS file:

https://frontierforever.org/wp-content/uploads/useanyfont/uaf.css

At the font-face codes you can see the used “font-family” names. The font you are trying to use is called:

westernbangbang

so you should modify your slider’s font to that, and it should work!

Yay! That’s a fun fix lol. Thank you SO much for all your help. I honestly think we might be down to my last issue: The slider background image is displaying in full on all three device type, unless my desktop window is smaller than the image. Is there any way to make this stay full width all the time?
https://ibb.co/PwfN53C

Hi @frontierforever

If the aspect ratio of the slider matches with the aspect ratio of the image then the Slide background image should cover the area of the slider without being cropped.

In your case the problem is that, the aspect ratios are different, because you positioned the row that contains the “Regenesis” text with huge margins, and that increases the height of the slider ( it basically creates a minimum height , so as the width of the slider is scaled down, the height won’t change. )

The margin is not intended for positioning, their purpose is rather creating minimum distance between elements. So you should reduce those huge margins, and if you want the content to appear on the bottom right corner of the slide, then instead you should:

• disable its Full width option of the Row: https://smartslider.helpscoutdocs.com/article/1811-row#general – that way the Row will only go as wide as its content. ( If you want to limit this width, you can also set a Max width on the Style tab. )
• then on the Content layer, you should set the “Inner Align” to “Right” and “Vertical Align” to bottom: https://smartslider.helpscoutdocs.com/article/1810-content-layer

If you want to create a minimum distance between the Content layer and its contents, then you could add some padding on the corresponding side. But please not that, padding are able to increase the height of the slide and the entire slider the same way as margin do.

Aligning the layer this way will also fix your problem with the text, which currently goes off-screen because of the huge margin that you used.

Best regards,
Laszlo.

That was SO helpful. Definitely getting the hang of this now, might be time to get the paid version.

I’m having the font problem again though, can you tell me why the bebasneue font isnt showing up on the second panel? And maybe how you figured it out?

Hi @frontierforever

The reason the ‘Bebasneue’ font family won’t work on the Text Layer with the text:

• Under the Shadow of the Plateau

on the second slide is because you have some custom CSS loaded in this file:

• https://frontierforever.org/wp-content/uploads/useanyfont/uaf.css?ver=1678460266

at the end:

h1, body, p, .menu-primary-menu-container li a, .menu-primary-menu-container li span, #menu-primary-menu li a, #menu-primary-menu li span{
   font-family: 'retro' !important;
}

and with that !important rule, you are overriding the font-family of the matching elements. The “p” selector is one of these, and the text of our Text Layer is added with “p” tag, too.

You should either correct that selector so it only targets the element the it should, or remove the “p” tag from this list.

As for your question about figuring the problem out:

You can inspect the style of the elements with the built in tools of the browser:

• https://smartslider.helpscoutdocs.com/article/1935-troubleshooting-with-your-browser#css

so this way you can inspect the CSS that modify the style of the elements.