Worked a charm, without even an “important.”
You are THE BEST. ˆ don’t know why I couldn’t figure that out myself; I never think of trying negatives. Thank you Victoria!

Thanks VIctoria. I think my second link pretty much showed it but here’s a mockup for you in case it’s unclear…I’ve basically just gotten rid of the thick black borders around the sorting area. I tried getting rid of margins, padding, etc. but I could not pull sorting visually out of that black background.

I’m really okay with my workaround (which again you can see at https://realfeashbuild.com/realfresh) if this is difficult but wanted to mention it because I really think having the sorting not handled as a separate element so we can change it’s background color is an important opportunity to consider in the future. The sort should float above, and not be inside, the grid.

Here’s the mockup.
https://realfreshbuild.com/enfoldsort-wish.png.

What finally worked was:

:focus {
outline: none !important;
}

Thanks for pointing the way.

Nope, didn’t work. It is apparently a focus-ring for accessibility, but when your tab background changes on click, it feels really unnecessary and ugly. Have not yet figured out a way to turn it off here, though.

I’d considered that but TablePress is not responsive. They have a responsive extension for a price, but the way it works isn’t very good UX, you have to click on a little green plus sign that appears on the opposite side from where you’re looking for the content.

I’m going to hope all the people who’ve asked that the table component of Enfold be drag and drop like the accordions, the content sliders, the icon lists, and other components of the theme get their way! I’ll add my voice to that one as well over on “feature requests.” Thanks.

I tried:

.avia-content-slider .slide-image, .avia-content-slider .slide-image img {
border-radius: 0px !important;
}

And that worked. But I am still interested in whether there’s a way to do this universally so I don’t have to select for each instance. Thank you!

You can ignore this request, guys. I built it using layerslider. Won’t be easy for my client to update, but I think it’s the only way to accomplish the task for now.

private content

Thank you Rikard!

That worked on one page but not others, which are still going back to orange when I’m in that section. And it has changed the color of the list in the mega menu to green as well; tried to affect those through ul li, but I feel like I’m just having to do too much coding for this, and probably not doing it well; I think I need to just hire someone rather than keep bothering you guys. Obviously a second colorway in the main menu is not part of the theme (though I imagine it would be something people would use if it were!)

The mega menu is particularly difficult for us newbies to affect; it’s nearly impossible to inspect and you get asked a lot of questions about it. It would be great if you could give us a list of css “calls” that affect all the levels of these.

I wish I could just have set up a menu class and done it that way but that didn’t work either.

#menu-item-2641 a, #menu-item-2641 a {
font-size: 23px;
}
#menu-item-9 li li a, #menu-item-2641 li li a {
font-size: 14px !important;
}
#menu-item-2641 a:hover {
color: #949243 !important;
}
#menu-item-2641 li a {
color: #949243 !important;
}
.current-menu-item a .avia-menu-text {
color:#949243 !important;
}
#header .mega_menu_title {
font-size:15px !important;
}
#mobile-advanced ul a {
font-size: 13px !important;
color: 000 !important;
}
#mobile-advanced li a {
font-size: 13px !important;
color: 000 !important;
}

Thanks Rikard. I was told yesterday that the icon is appearing in Chrome on PC. Still not on mac though.

Thanks Elliott. I’ll make that request; I think sorting by category would be pretty useful in the product list. Meanwhile my workaround will be to set up different categories alone and use anchor links to scroll to them.

I do still have the issue of the numbers not animating unless the grid cell they are in is entirely shown, btw. And would still love to try the php change mentioned in that old support item, unless you already did that in the new theme version and it just isn’t working. But I guess that’s kind of a small thing. If they could animate when half appearing, that would be great.

It seem to be happening in most versions of chrome, firefox and safari, but I’m using Chrome Version 43.0.2357.130. See screenshots. If my browser window is very wide it works fine, but if it’s even a bit more narrow, I get zeros that do not animate until I move the page.

If you aren’t hearing this from others I’ll try turning off all the plugins before I bother you again about it. However, I’m wondering:

Is there some way to make the default on these the numbers I put in, rather than zeros? On mobile phones for example they do not animate but do not stay 0 either. That would be a better fallback.

http://www.realfreshclient.com/ScreenShot1.png
http://www.realfreshclient.com/ScreenShot2.png
http://www.realfreshclient.com/ScreenShot3.png