title: How to add styles to Sitecore Gallery module if Im using the same module on other pages
body: <p>I have been stuck for hours. I have 4 Gallery modules I need to add styles/css on 1 module .
  When I tried to add class on Gallery-main I noticed that my entire module got the class name so I cannot edit the css of 1 module because it will affect the other  module. Is there anyone who can help here so I can solve my problem ?</p>
  <pre><code> &lt;div class=&quot;Gallery-container pham1&quot;&gt;
      &lt;gallery v-cloak&gt;
          &lt;gallery-main class=&quot;pham&quot; :show-expand=&quot;@Model.ShowExpandButton.ToString().ToLower()&quot;&gt;
              @{
                  var a = new Foundation.AdvancedImage.Helper();
  
                  foreach (var childImage in Model.Children)
                  {
                      string imageText = &quot;&quot;;
                      if (Model.ShowImageCaptionInNormalMode)
                      {
                          imageText = childImage.Image?.GetTarget&lt;ItemWrapper&gt;()?.InnerItem()?[&quot;Description&quot;];
                      }
  
                      var model = childImage.Image.GetSourceSet(Model.BreakPoints, imageClass: &quot;Image--fill&quot;);
                      model.DesktopColumns = Model.DesktopColumns;
                      model.TabletColumns = Model.TabletColumns;
  
                      var previewUrl = childImage.Image?.GetSourceUri(new AdvancedImageFieldWrapperOptions() { CropWidth = 276, CropHeight = 155 });
  
                      &lt;gallery-item :preview=&quot;'@previewUrl'&quot; :caption=&quot;'@imageText'&quot;&gt;
                          @Html.Partial(&quot;~/Views/Ahhg/SrcsetPicture.cshtml&quot;, model)
                      &lt;/gallery-item&gt;
                  }
              }
          &lt;/gallery-main&gt;
          &lt;gallery-full&gt;
              @{
                  foreach (var childImage in Model.Children)
                  {
                      string imageText = &quot;&quot;;
                      if (Model.ShowImageCaptionInFullScreenMode)
                      {
                          imageText = childImage.Image?.GetTarget&lt;ItemWrapper&gt;()?.InnerItem()?[&quot;Description&quot;];
                      }
  
                      var model = childImage.Image.GetSourceSet(ModuleBreakpoints.FullScreenGallery, wrapper: false, ignoreContainer: true);
                      var previewUrl = childImage.Image.GetSourceUri(new AdvancedImageFieldWrapperOptions() { CropWidth = 276, CropHeight = 155 });
  
                      &lt;gallery-item :preview=&quot;'@previewUrl'&quot; :caption=&quot;'@imageText'&quot; :fit=&quot;true&quot;&gt;
                          @Html.Partial(&quot;~/Views/Ahhg/SrcsetPicture.cshtml&quot;, model)
                      &lt;/gallery-item&gt;
                  }
              }
          &lt;/gallery-full&gt;
      &lt;/gallery&gt;
  &lt;/div&gt;
  </code></pre>