mdixon

#6483

Would it be possible for the theme creator to provide a quick overview of what CSS classes control what in the featured image slider (i.e. What class controls the main slider box? What controls the text area? etc.)

I had some major customizations to the full-width background image & excerpt slider, and I had the classes figured out in an old version of Graphene (1.5.5), but in the updated version, many of the CSS classes have changed.

I’ve now had to temporarily disable the slider from my client’s website, and the styling of this part of my child theme is taking a significant amount of time to figure out. The trial-and-error method is getting old, and I’d appreciate any details you could provide.

Thanks!

[Mod]

Kenneth John Odle

#34499

The best way to do this is to use the Firebug add-on with Firefox. It’s easy to use, free, and lets you try out modifications on the fly.

[Mod]

Kenneth John Odle

#34500

Quote:

The trial-and-error method is getting old

Trial and error will still play a part in everything you do, however. (Sometimes you make some serendipitous discoveries.) To make it easier, you might also consider installing WordPress and Graphene in a local host environment.

mdixon

#34501

Tried the Firebug tool and got it figured out—thanks for the tip!

I do still believe that in future versions, customizing the slider layout could be better documented. Just a request! 🙂

Ellsworth763

#50319

Looks like a good solution for custom style instead of default browser style. Thanks for sharing this awesome tips. One thing, How can I style custom file input box for all browser?

Ellsworth763

#50321

How can I style custom file input box for all browser? mobdro