Стили для галереи, выравнивания картинок

стили для галереи и изображений новой темы wp

Если у Вас своя тема, которая не поддерживает выравнивание изображений по левому, правому краю, а также по центру. Если нужны стили для галереи — можете воспользоваться которые приведены ниже:

Стили для галереи

.gallery {
    width: 100%;
    margin: 0 auto 18px;
    float: right;
    margin-top: 20px;
}
.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center; 
  margin-right: 5px;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
    box-shadow: 0px 0px 2px #999;
    border: 1px solid white;
    padding: 1px;
    background: #f2f2f2;
}
.gallery img:hover {
  background: white;
}
.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
  max-width: 84%;
  height: auto;
}
.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

Стили для выравнивания изображений

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 10px;
}
a img.alignleft {float:left; margin:0 1em 1em 0;margin-top: 20px;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;margin-top:20px;margin-bottom:20px;}

 

Поделись с друзьями:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *