<![CDATA[Help with CSS to align Sonos Art Work]]>Hi All!
I am trying to figure out to align the art work of the SONOS Module to the left in the custom CSS and I can’t figure it out. Anyone familiar enough with CSS to help me out ?
0_1571419063790_Screen Shot 2019-10-18 at 10.15.36 AM.png
I am looking to have the art work on the left of the text.

Thanks !

Here is the layout:

<div class=sonos>
   <ul class="flip">
     <div class="type normal small">Source: Track</div>
     <div class="song">
        <div class="name normal small">
           <div>Artist: Ozuna</div>
           <div>Track: Te Soñé de Nuevo</div>
        </div>
   <div class="art">
        <img src="http://192.168.1.227:1400/getaa?v=0&amp;vli=1&amp;u=1471199652">
   </div>
   </div>
</ul>
</div>

0_1571423129224_Screen Shot 2019-10-18 at 11.25.07 AM.png

]]>https://forum.magicmirror.builders/topic/11391/help-with-css-to-align-sonos-art-workRSS for NodeThu, 21 May 2026 11:46:32 GMTFri, 18 Oct 2019 17:20:05 GMT60<![CDATA[Reply to Help with CSS to align Sonos Art Work on Fri, 18 Oct 2019 22:58:30 GMT]]>THANKS! You did it! I really appreciate the help! :folded_hands:

]]>https://forum.magicmirror.builders/post/62957https://forum.magicmirror.builders/post/62957Fri, 18 Oct 2019 22:58:30 GMT<![CDATA[Reply to Help with CSS to align Sonos Art Work on Fri, 18 Oct 2019 22:31:29 GMT]]>@frogywill

Ahh sorry, didn’t read carefully enough.

try this then, should shift the text to the right and let the image pop up next to it

.song {position: relative;}
.song .name {position: absolute; left: 200px;}
]]>https://forum.magicmirror.builders/post/62955https://forum.magicmirror.builders/post/62955Fri, 18 Oct 2019 22:31:29 GMT<![CDATA[Reply to Help with CSS to align Sonos Art Work on Fri, 18 Oct 2019 21:34:53 GMT]]>Thanks, wouldn’t that align the art work to the text above? What I am trying to do is have the Art work be on the left of the text instead of below it:

(ART WORK) (SONG DETAILS)

Rather than:
(SONG DETAILS)
(ART WORK)

]]>https://forum.magicmirror.builders/post/62952https://forum.magicmirror.builders/post/62952Fri, 18 Oct 2019 21:34:53 GMT<![CDATA[Reply to Help with CSS to align Sonos Art Work on Fri, 18 Oct 2019 18:52:12 GMT]]>@frogywill

In the custom.css file add :

.art img {padding-left: 10px}
]]>https://forum.magicmirror.builders/post/62946https://forum.magicmirror.builders/post/62946Fri, 18 Oct 2019 18:52:12 GMT