How to target only one element if more elements share the same CSS class

I don’t know how comfortable you are with development, but it is possible to do what I think you’re asking.

Option 1: Customize the theme templates to apply a different class to the first item. Requires some WordPress templating and php know-how.

Option 2: Use css pseudo classes to target the first image with that class and give it different styles (something like .yourclass:first-child{ border: 1px solid red; } ). Requires some css/less/sass know-how (not sure how the theme is set up). Without seeing a sample page I can’t tell you much more than that.

Related Posts:

  1. How to decrease picture size
  2. Can’t remove WordPress post image height/width attributes?
  3. Responsive Images Warping
  4. How can I add inline CSS for each image?
  5. Extending site width according to the image size
  6. Adjusting post width according to the image size
  7. Why is the image in div not displayed in full-size?
  8. What is WebKit and how is it related to CSS?
  9. How can I vertically center a “div” element for all browsers using CSS?
  10. Is there a color code for transparent in HTML?
  11. How can I center an absolutely positioned element in a div?
  12. How to override the properties of a CSS class using another CSS class
  13. CSS display: inline vs inline-block
  14. Aligning two divs side-by-side
  15. CSS transition shorthand with multiple properties?
  16. How to center HTML5 Videos?
  17. Text border using css (border around text)
  18. Is there an opposite CSS pseudo-class to :hover?
  19. U8Qtu
  20. Using custom fonts using CSS?
  21. How can I transition height: 0; to height: auto; using CSS?
  22. Display Images Inline via CSS
  23. Why CSS3 Animation is not working?
  24. Using margin / padding to space span tag from the rest of the p tag
  25. How to make canvas responsive
  26. Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
  27. How to change version of .css in WordPress?
  28. Disable SSL / HTTPS for wordpress
  29. Style something only on the home page
  30. How do I remove specific styles from the parent theme css using the child theme css?
  31. Why isn’t my theme processing SASS?
  32. What CSS rules are introduced to core blocks through wp-block-styles?
  33. Trying to load a responsive CSS media query using Custom Taxonmy
  34. Changing CSS in Twenty Eleven to change font size of body text
  35. Deregister CSS style link ‘open-sans-css’
  36. @wordpress/create-block image url in css
  37. Limit function to specific post category
  38. How to load different css file depending on language
  39. Can the Theme Customizer be used to generate static/cachable CSS, and how?
  40. Woocommerce include custom stylesheet after woocommerce styling [closed]
  41. I want to change my post titles from h2 to H1
  42. Change logo on specific page id using css
  43. Write text below a specific part of a sentence
  44. Style classic editor buttons
  45. Layer post title on top of image WordPress featured thumbnail image
  46. Twig + wordpress – how to get filemtime for style.css
  47. Inconsistent `body_class()` function
  48. How to Add Custom CSS to the Media Thickbox?
  49. Link theme options page using ACF to styles
  50. WordPress Twenty Seventeen header image size not responsive for mobile
  51. WordPress Light/Dark Theme best practices? Is there a way that really works?
  52. footer disappear on some pages frequently
  53. How to change H1 color only for pages [closed]
  54. Background image reversed on pages after home page [closed]
  55. How to get an unique identifier for a page/post/category/tag etc.?
  56. Display Something in the Header After All Styles are Loaded
  57. How to limit image size for the entire website ? But without editing the post (css/plugin?!)
  58. Remove CSS Attribute by Overriding CSS in Child Theme
  59. CSS gap issue in div element
  60. WordPress custom CSS file overrided by internal CSS [closed]
  61. Can you change the color of svg icons to the global color I choose from WordPress
  62. After moving my site, sub-menus are not showing [closed]
  63. Theme twentythirteen widget area clearfix
  64. a: hover issue with image issues [closed]
  65. Disable CSS for IE 8 and earlier.
  66. Using categories on navigation bar instead of pages
  67. Superfish and WordPress: Active Color Problem
  68. I have a wordpress website which uses a really weird font on Opera. What do I need to do to fix it?
  69. Elementor – Edit Global Colors Order
  70. the_post layout
  71. How To Remove All Other Plugins CSS
  72. Is there a layout to place 2 same sized images in two columns on the WordPress page?
  73. Modal dialog under the backdrop
  74. Hot reload failing to update file changes
  75. How can I hide this custom slider while Elementor editing window is open?
  76. Clickable Text To Replace Radio buttons
  77. How to remove the specific class
  78. Customizer Appearance Issue
  79. Change mobile menu color from red to another color
  80. Removing a CSS rule from Custom Taxonomy
  81. Change the version of default style.css in wordpress
  82. style.css not working but customizer additional css does?
  83. Performance hit of Inline CSS
  84. How to set different color in a select box due to selection with css
  85. How to disable all css from the theme for a specific post type page
  86. Change WP Child theme CSS for WP Bootstrap Starter Theme
  87. Change header image size
  88. Fonts are parsed in one way but rendered in a different way
  89. How can we achieve this image css style?
  90. Divi Theme HTML code is different in View Page Source than in the Firefox Inspector
  91. Add WordPress Core CSS into editor-style.css
  92. Change Login CSS – Include instead of echo
  93. How to implement a JavaScript and CSS file for my WordPress homepage?
  94. Creating a custom header
  95. Custom font isn’t active on all PCs
  96. Responsive table on ios safari
  97. How do I hide a specific div class inside ? [closed]
  98. What CSS selectors to know for WordPress? [closed]
  99. MY CSS FILE IS MISBEHAVING. IS NOT WORKING WELL ON MY WP SITE [closed]
  100. Image is very blurry