WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I use jetpack carousel for all of my galleries , even for my featured image, my question is, how do I style my [gallery] outcome to use different CSS for the featured image so I can manipulate it a little bit but not mess with the regular default galleries outcome?

share|improve this question
no one? :( .... – hyperexpert Mar 20 '13 at 0:26

What I would do is open it up in chrome, inspect element, and check to see if the featured image has a different ID or CLASS to the other images in the gallery. Then I would add an additional line to my CSS that targets those ID/CLASS.

In the event that a ID/CLASS aren't unique I would be looking into inspecting the plugin, and adding my own declaration (strongest thing in wordpress for me is that a lot of elements have classes/id's)

If you need further detailed help, I'm happy to edit this answer in future just let me know.

share|improve this answer
thank you for your reply, the image does have a different ID than the rest, but even when I specify a special css for it, it doesnt work because when you click on the link, it launches extra overlay code that was not present before :( – hyperexpert Mar 20 '13 at 7:41
@user1231517, please, add these details to the Question itself, as you don't mention any "extra overlay" code in it. – brasofilo Mar 20 '13 at 19:14
This is a really quick hack, but try adding the clause !imporant, its usage is like this, #featured-item { width:100px !important;} – christoshrousis Mar 21 '13 at 5:10

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.