tuanphan Posted August 23 Share Posted August 23 To add text to the Gallery Grid Section, you can follow these steps. #1. First, find the ID of the Gallery Grid Section. In my example, it is: section[data-section-id="66b35593870615758574885e"] #2. Next, use this code to Custom CSS box. section[data-section-id="66b35593870615758574885e"] .gallery-grid:before { content: "Featured Clients"; display: block; text-align: center; margin-bottom: 10px; font-size: 30px; color: #000; letter-spacing: 0px; } #3. Result #4. If you want to add text next to Gallery Grid, you can use this new CSS code @media screen and (min-width:768px) { section[data-section-id="66b35593870615758574885e"] { .gallery-grid { display: flex; justify-content: space-between; } /* text style */ .gallery-grid:before { content: "Featured Clients"; display: block; text-align: center; margin-bottom: 10px; font-size: 30px; color: #000; letter-spacing: 0px; } /* gallery images width */ .gallery-grid-wrapper { width: 70% !important; }}} Result Lesum 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment