Dawn Theme - Multicolumn element heading BEFORE/OVER image

Store Design
1

Hey folks! I’m currently working with the Dawn theme and I’ve noticed that in the multicolumn element, whenever you insert and image the heading gets moved under the image. I was wondering if there’s any way to place it on top again, so that it would look the same as if you were only placing text on the column.

Thanks in advance for your replies!

2

  1. Locate the multicolumn element: Identify the HTML code for the multicolumn element in your Dawn theme. This may involve finding a specific Liquid section or HTML template file where the multicolumn element is defined.

  2. Modify the HTML structure: Within the multicolumn element, ensure that the heading and image are wrapped in separate container elements. For example


  

    ## Your Heading
    
      
    

    

Your text content goes here.

  


.multicolumn .image-container {
  position: relative;
}

.multicolumn .heading {
  position: absolute;
  top: 0;
  left: 0;
}