galleries.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .gallery-item {
  2. display: inline-block;
  3. text-align: center;
  4. vertical-align: top;
  5. width: 100%;
  6. }
  7. .gallery-columns-2 .gallery-item {
  8. max-width: 50%;
  9. }
  10. .gallery-columns-3 .gallery-item {
  11. max-width: 33.33%;
  12. }
  13. .gallery-columns-4 .gallery-item {
  14. max-width: 25%;
  15. }
  16. .gallery-columns-5 .gallery-item {
  17. max-width: 20%;
  18. }
  19. .gallery-columns-6 .gallery-item {
  20. max-width: 16.66%;
  21. }
  22. .gallery-columns-7 .gallery-item {
  23. max-width: 14.28%;
  24. }
  25. .gallery-columns-8 .gallery-item {
  26. max-width: 12.5%;
  27. }
  28. .gallery-columns-9 .gallery-item {
  29. max-width: 11.11%;
  30. }
  31. .gallery-caption {
  32. display: block;
  33. }
  34. .ast-blog-featured-section .gallery {
  35. margin-bottom: 0;
  36. }
  37. .single .entry-content .gallery {
  38. margin-left: -10px;
  39. margin-right: -10px;
  40. }
  41. .gallery-caption {
  42. color: black;
  43. padding: 10px;
  44. border-radius: 0 0 2px 2px;
  45. border: 1px solid #eaeaea;
  46. border-top: none;
  47. font-size: 0.9em;
  48. }
  49. .gallery-icon {
  50. border-bottom: 0;
  51. border-radius: 2px 2px 0 0;
  52. border: 1px solid #eaeaea;
  53. overflow: hidden;
  54. }
  55. .gallery-item {
  56. margin: 0;
  57. padding: 10px;
  58. border-radius: 2px;
  59. }
  60. .gallery-item:last-child {
  61. margin-bottom: 2em;
  62. }
  63. .elementor-image-gallery .gallery-icon {
  64. border: none;
  65. }