Shape 5

Hi Guys,
this time I am having troubles in dealing with the s5 tab show colors. That CSS is really difficult for me and checking with Firebug is a nightmare due to the slide function.

I am simply trying to change the background and slide colors of each of the 4 squares. Can you please point me to the right direction (need to make each box white, and becoming yellow on slide)?

Thank you!
Cristiano

Hello,

It's directly in the module itself. The second set listed is the white one:




<div class="s5_tab_less_margin">
<div style="width:50%;float:left" class="s5_is_row">

   <div class="s5_is_css_3" style="margin-right:3px;">
      <img src="images/tab1.jpg" alt="" />
      <div class="s5_is_css_initial">
         <h3>Thailand</h3>
         <h4>Royal Island Tour</h4>
         <div class="s5_is_css_initial_text">
         <span class="highlight2">From</span> $1499
         </div>
      </div>
      <div class="s5_is_slide_css">
         <h3>Example Slide</h3>
         <div class="s5_is_css_hidden">
         This is dummy text. You can add any
         text or html markup here.
<a href="index.php/features-mainmenu-47/template-features/info-slide-enabled">Find Out More...[/url]
         </div>
      </div>
   </div>
   
</div>
<div style="width:50%;float:left" class="s5_is_row">

   <div class="s5_is_css_3" style="margin-left:3px;background:#FFFFFF;">
      <img src="images/tab2.jpg" alt="" />
      <div class="s5_is_css_initial">
         <h3 style="color:#191919;">Visit The</h3>
         <h4 style="color:#7E7E7E;">East Coast Shores</h4>
         <div class="s5_is_css_initial_text">
         <span class="highlight2">From</span> <span style="color:#191919">$1799</span>
         </div>
      </div>
      <div class="s5_is_slide_css">
         <h3>Example Slide</h3>
         <div class="s5_is_css_hidden">
         This is dummy text. You can add any
         text or html markup here.
<a href="index.php/features-mainmenu-47/template-features/info-slide-enabled">Find Out More...[/url]
         </div>
      </div>
   </div>
   
</div>

<div style="width:50%;float:left;margin-top:6px;" class="s5_is_row">

   <div class="s5_is_css_3" style="margin-right:3px;background:#E25A35;">
      <img src="images/tab3.jpg" alt="" />
      <div class="s5_is_css_initial">
         <h3>Northern Italy</h3>
         <h4 style="color:#E5E5E5;">Shores and Cities</h4>
         <div class="s5_is_css_initial_text">
         <span style="color:#191919">From</span> $3299
         </div>
      </div>
      <div class="s5_is_slide_css">
         <h3>Example Slide</h3>
         <div class="s5_is_css_hidden">
         This is dummy text. You can add any
         text or html markup here.
<a href="index.php/features-mainmenu-47/template-features/info-slide-enabled">Find Out More...[/url]
         </div>
      </div>
   </div>
   
</div>
<div style="width:50%;float:left;margin-top:6px;" class="s5_is_row s5_is_row_last">

   <div class="s5_is_css_3" style="margin-left:3px;">
      <img src="images/tab4.jpg" alt="" />
      <div class="s5_is_css_initial">
         <h3>Historical</h3>
         <h4>Downtown London</h4>
         <div class="s5_is_css_initial_text">
         <span class="highlight2">From</span> $1199
         </div>
      </div>
      <div class="s5_is_slide_css">
         <h3>Example Slide</h3>
         <div class="s5_is_css_hidden">
         This is dummy text. You can add any
         text or html markup here.
<a href="index.php/features-mainmenu-47/template-features/info-slide-enabled">Find Out More...[/url]
         </div>
      </div>
   </div>
   
</div>
<div style="clear:both"></div>
</div>





So basically they all just need to look like this:



<div class="s5_is_css_3" style="margin-left:3px;background:#FFFFFF;">
      <img src="images/tab2.jpg" alt="" />
      <div class="s5_is_css_initial">
         <h3 style="color:#191919;">Visit The</h3>
         <h4 style="color:#7E7E7E;">East Coast Shores</h4>
         <div class="s5_is_css_initial_text">
         <span class="highlight2">From</span> <span style="color:#191919">$1799</span>
         </div>
      </div>
      <div class="s5_is_slide_css">
         <h3>Example Slide</h3>
         <div class="s5_is_css_hidden">
         This is dummy text. You can add any
         text or html markup here.
<a href="index.php/features-mainmenu-47/template-features/info-slide-enabled">Find Out More...[/url]
         </div>
      </div>
   </div>

Hi Mike,
thank you so much. Was getting crazy with css and the solution was right in the module!! Sorry! :)