Change text hover when hovering over an image

programming web dev
1

Hi all,

I have a problem, I’m trying to change some text when I hover over an image. Here’s the layout in html (there’s some smarty in there too):


            <div id="consultancybuttons">
            {foreach name="itemlist" from=$SECTIONS->catalogue->root->mainsequence item="sidemenu"}
            <a href="{$sidemenu->url}">
                <div class="thumb">    
                    <div class="thumbpic">
                        <img alt="{$sidemenu->name}" style="border: 0px" src="{encode method="resize" path=$sidemenu->thumbimage height="115" width="120"}">
                    </div>
                
                    <div class="thumbtitle">
                        <div style="padding: 0 30px 0 5px;">
                            {$sidemenu->name}
                        </div>    
                    </div>        
                </div>
            </a>    
            {/foreach}    
            </div>

When I hover over the image and text I just want the text to change to an underline? How do I make this happen? Its pretty straight forward but I can’t get it to change the text when I hover over the image. Any ideas?

Thanks
Rob