Align header elements to the center (Rating, Title, Number of Reviews)

Add this code to the Custom CSS field on the Style tab of your Reviews widget’s settings:

.es-header-container:before {
  content: '';
  width: 148px;
  height: 0;
}

.es-header-info {
  margin-right: 0;
}

.es-header-title-container {
  justify-content: center;
}

@media (max-width: 650px) {
  .es-header-container:before {
    display: none;
  }
  
  .es-header-container {
    display: flex;
    flex-direction: column;
  }
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

2 posts were merged into an existing topic: Center Align Header