How to make a difference between the portfolio list, and a portfolio item?

The answer lied in the fact that not the article elements differ, but the body element. So, I added

body.archive-jetpack-portfolio article {
    display: inline-block;
    width: 300px;
    vertical-align: top;
}

to my CSS, and it all looks fine now.

Related Posts:

  1. How to align a
  2. Animate the overflow property
  3. Is there a color code for transparent in HTML?
  4. “Stray start tag footer” in html validator?
  5. draw diagonal lines in div background with CSS
  6. How to set up fixed width for ?
  7. CSS3 Transition not working
  8. CSS Invalid Property Value?
  9. CSS how to make an element fade in and then fade out?
  10. How to center vertically and horizontally a div using Bootstrap?
  11. How to word wrap text in HTML?
  12. Style disabled button with CSS
  13. Combine :after with :hover
  14. How to show tags in my tumblr theme?
  15. HTML span align center not working?
  16. Twitter Bootstrap – add top space between rows
  17. Hex colors: Numeric representation for “transparent”?
  18. Adding a blurred border in CSS
  19. CSS to select/style first word
  20. img-responsive in Bootstrap does not work
  21. sizing div based on window width
  22. Specify multiple attribute selectors in CSS
  23. How to make certain text not selectable with CSS
  24. How do I center an SVG in a div?
  25. How to expand textarea width to 100% of parent (or how to expand any HTML element to 100% of parent width)?
  26. Is it possible to enqueue a raw CSS string directly from within a template file?
  27. How to modify/extend/override a core method?
  28. Adding style sheet to specific page
  29. How to dequeue a stylesheet by src, not handle?
  30. WordPress CSS head info – contents, expansions?
  31. Gutenberg Block Editor Match Admin Styles & Frontend Styles
  32. add a CSS id to the body of a page in wordpress
  33. The correct way to include JavaScript and CSS in my WordPress Themes
  34. Possible to include ACF text field within inline style tag?
  35. Is it possible to change the path of a css file that is registered through wp_enqueue_style()?
  36. wp_head function causes 30px blank space [closed]
  37. Styling Custom Meta Boxes?
  38. Customizing wordpress to match your site theme
  39. Is it better to put CSS in additional CSS or in Child theme styles.css [closed]
  40. WooCommerce change number of columns in the frontpage
  41. Adding HTML to the Header, Screws up in IE7
  42. Efficient way to edit WordPress themes
  43. How to add an RSS logo to my blogs header?
  44. Where Do I Find The Astra Default Font Family That All Text Elements Are Inheriting From? [closed]
  45. Getting page output HTML without request (for CriticalCSS, PurgeCSS)
  46. How to organize priority of plugins CSS files?
  47. Responsive Images Warping
  48. Remove margin from CSS gradient color code
  49. Unable to remove space between header and slider section in wordpress website
  50. How can I use one stylesheet for multiple sub-sites on my multi-site network?
  51. Child theme stylesheet not always overriding “index”
  52. How do I apply/target CSS to a specific user role or roles?
  53. Why is this jquery / java script code not working in mobile / in devices?
  54. Seperate functions.php for part of site
  55. Internet Explorer ignore my css
  56. How can I remove the ::after CSS selector which is automaticaly appended to the_content()?
  57. Hover colour spreading out beyond submit button
  58. Some Text of website page on Iphone Safari become invisible
  59. Image getting out of container [closed]
  60. Clients website shows blank page [closed]
  61. post_class not working with css
  62. Adding CSS to Blog Posts?
  63. Where do I go to change the position of the style.css?
  64. Using PHP Increment and Conditional Statement to Alternate Loop Background
  65. wp_enqueue_media is not loading styles
  66. Remove a Style Tag from WP Theme
  67. Simple way to add custom class and ids to individual Gutenberg blocks
  68. What is the best method to have Dynamic CSS?
  69. how to stop the shaking effect on my homepage [closed]
  70. List item images perfect on Chrome/Edge, css fudged on FF/IE [closed]
  71. Cannot change hover color for links [closed]
  72. How do I get access to the CSS Editor
  73. prevent HTML output if custom field is empty [closed]
  74. Style product detail page with custom CSS in woocommerce
  75. Using variable to display a page with a different stylesheet
  76. why does this text overlaps in the sidebar?
  77. JS button animation for ajax the WordPress style
  78. Adding a new block editor color option to a theme
  79. How to make jquery slider to start afresh [closed]
  80. Custom CSS based on the Author of a Post
  81. How to properly hide the div of an inline collapsible button?
  82. How to remove padding from left&right side
  83. How can we create our own formatting style?
  84. links format change “on clic”
  85. I can not change the background-color value of wp: meta_value of content.xml
  86. Is it better to add to style.css or create your own css when using a template?
  87. Hide Login Page Labels
  88. The placeholder text doesnt disappear
  89. Theme stylesheet not called properly on cloned website
  90. CSS Changes made, lost mobile functionality
  91. Content alignment in Twenty Fourteen Theme
  92. Color Picker – Theme options
  93. Extending site width according to the image size
  94. How to edit wordpress native gallery’s css file?
  95. Animate.CSS with a child theme
  96. Change Twenty twelve theme background color
  97. How to change header from full-width to box width
  98. Add woocommerce plugin in own theme
  99. Change sidebar product category text color (woocommerce) [closed]
  100. Suddenly, all links in #content div are not clickable, but I don’t see any z-index bug? [closed]