ShopDreamUp AI ArtDreamUp
Deviation Actions
![[Custom box code] Wide content](https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f9d3f707-badf-4eba-a9f9-7e67baae16d6/d8jz7o9-7c0976bc-b48f-4ff0-beaf-c7328255f119.png/v1/crop/w_184,h_184,x_127,y_0,scl_0.27380952380952,q_70,strp/_custom_box_code__wide_content_by_valognir_d8jz7o9-92s-2x.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NjcyIiwicGF0aCI6IlwvZlwvZjlkM2Y3MDctYmFkZi00ZWJhLWE5ZjktN2U2N2JhYWUxNmQ2XC9kOGp6N285LTdjMDk3NmJjLWI0OGYtNGZmMC1iZWFmLWM3MzI4MjU1ZjExOS5wbmciLCJ3aWR0aCI6Ijw9MjUyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.OJoggzl-pbzxihsT4bYchXfeROiuu0TYHhzNKEeaRZA)
![[Custom box code] Wide content](https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f9d3f707-badf-4eba-a9f9-7e67baae16d6/d8jz7o9-7c0976bc-b48f-4ff0-beaf-c7328255f119.png/v1/crop/w_92,h_92,x_63,y_0,scl_0.13690476190476,q_70,strp/_custom_box_code__wide_content_by_valognir_d8jz7o9-92s.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NjcyIiwicGF0aCI6IlwvZlwvZjlkM2Y3MDctYmFkZi00ZWJhLWE5ZjktN2U2N2JhYWUxNmQ2XC9kOGp6N285LTdjMDk3NmJjLWI0OGYtNGZmMC1iZWFmLWM3MzI4MjU1ZjExOS5wbmciLCJ3aWR0aCI6Ijw9MjUyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.OJoggzl-pbzxihsT4bYchXfeROiuu0TYHhzNKEeaRZA)
Description
Works with plain text as well as with content holders. 
Looks best with wider widgets:
<div class="mods-hh split-70"><div class="mods-column-ll">70% Text</div><div class="mods-column-rr">30% Text</div></div>
<div class="mods-hh split-70"><div class="mods-column-rr">30% Text</div><div class="mods-column-ll">70% Text</div></div>65-35 Columns
<div class="mods-hh split-65"><div class="mods-column-ll">65% Text</div><div class="mods-column-rr">35% Text</div></div>
<div class="mods-hh split-65"><div class="mods-column-rr">35% Text</div><div class="mods-column-ll">65% Text</div></div>60-40 Columns
<div class="mods-hh split-60"><div class="mods-column-ll">60% Text</div><div class="mods-column-rr">40% Text</div></div>
<div class="mods-hh split-60"><div class="mods-column-rr">40% Text</div><div class="mods-column-ll">60% Text</div></div>50-50 Columns
<div class="hh"><div class="ll">50% Text</div><div class="rr">50% Text</div></div>Image size
771x527px 33.4 KB
© 2013 - 2024 SimplySilent
Comments249
Join the community to add your comment. Already a deviant? Log In
Guys do not want to spam but I figured out how to get proper boxes for super group layouts WITH A GAP
