Thunder pack: Sort item styling

stackJunkie · February 17, 2019, 5:25pm

Hi, how do you remove the default stying on the sort item(s)? There is, i think, a 20px white border with a drop shadow surrounding any sort item I add. Would like no styling applied just image, any help will be appreciated, thanks!

elixirgraphics · February 17, 2019, 5:27pm

Happy Sunday @stackJunkie –

That is not a feature of the Sort stack.

stackJunkie · February 17, 2019, 5:45pm

Hi, hmm… Can you consider it for an update. Because now i have to go to a 3rd party “sorting” stack or start looking for the css to avoid that styling.

elixirgraphics · February 17, 2019, 5:48pm

I’ll add it as something to look at adding in the future. Right now I have a few things I need to get to first though.

DLH · February 18, 2019, 3:34am

There is 20px of padding inside a rounded corner box (1px border) which has a drop shadow.

This will remove all three. You probably don’t need the “!important” keyword. I try not to use them unless necessary, so try without and add them if needed. I’d paste this in the page’s CSS area.

I’m not sure exactly what you are trying to do, so you may not need to remove all three. If you still have issues, post a link to a page and we’ll go from there.

.sort-internal-padding {
	padding: 0 !important;
	border: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

stackJunkie · February 18, 2019, 5:27am

Thank you for the css snippet!

stackJunkie · February 18, 2019, 2:45pm

It worked. I was just trying to create a portfolio using the sort/filter stack like this

DLH · February 18, 2019, 4:44pm

That looks great! Thanks for posting the image of your layout.

instacks · February 18, 2019, 9:52pm

Great user support

elixirgraphics · February 19, 2019, 8:38pm

Working on this now. Should be in the next update, which would be v1.0.2.

stackJunkie · February 19, 2019, 8:55pm

Great news, thank you!

elixirgraphics · February 28, 2019, 2:30pm

Just added in v1.0.2. If you’ve not grabbed the update already, it should now be available for everyone. Check for updates in Stacks.

Andras · March 4, 2019, 4:22pm

Thank You for the update.

How can I remove the ‘Filter’ button? All Category and Filter fields are empty in the sort items.
Typing into the search bar, automatically narrows the display to those items whose content match the search field’s - this is all I would want to do; the persistent Filter button has no function in this case. But I could not find the setting to make it go away . . .

Thank You again.

elixirgraphics · March 4, 2019, 4:34pm

You can simply delete the filter buttons in Edit Mode. There’s a separate checkbox in the settings that toggles the Show All filter button.

If those are not the filters you’re referring to, please provide a screenshot to clarify.

Andras · March 4, 2019, 4:48pm

That (deleting in edit mode), of course, works, apologies for missing the obvious.
Thank You.

elixirgraphics · March 4, 2019, 4:54pm

Not a problem at all. Glad to help out.