is it possible to modify Hosting specifications

[Islam Yacoub]

Hello guys

I’ve been trying to modify the reseller-hosting.html specially the table for hosting specifications and details,

as you can see here “https://prnt.sc/ifjj49” I dont need all this space for the plans cols, I need more space for the first col tho, also how do I link them together “the cols” so that if I type a lot like “http://prntscr.com/ifjmed” the row is no longer in the same row as the plans and I need them all linked in one row.

Also I wanted to ask if I can use the cols as tabs so that I can add more info when u click it?

Thank you in advance;

[ThemeLooks Support Team]

Hi Islam,

We are really sorry to say that, based on the template UI & development process, there has no option to show long title.

That’s why, we have added an option using tooltip (check out the screenshot as reference http://prntscr.com/ifwfd6 ) to show the long title on hover.

In this issue, you could show the longest title in the tooltip that shows when someone hover on the title.

Best Regards,
ThemeLooks Support Team

[Islam Yacoub]

hi guys.

I just did something that kinda works for me for now, so I thought I’d post it here in case anyone else needed the same thing they can use this for now

<table cellpadding="10" width="90%" border="0" bordercolor="#404040" align="center">
  <thead>
    <tr>
      <th align="center"><center><strong><h2>Hosting Overview</h2></strong></center></th><th class="pt-plan"><center>Bronze</center></th><th  class="pt-plan"><center>Silver</center></th><th  class="pt-plan"><center>Golden</center></th><th class="pt-plan"><center>Platinum</center></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td width="40%" bgcolor="#6aaf08"> 
                    <h5 align="center"><font color="white">Storage</font></h5>
      </td>
      <td align="center" bgcolor="F4F4F4"><strong>30GB</strong></td>
      <td align="center" bgcolor="F4F4F4"><strong>50GB</strong></td>
      <td align="center" bgcolor="F4F4F4"><strong>100GB</strong></td>
      <td align="center" bgcolor="F4F4F4"><strong>300GB</strong></td>
    </tr>
    <tr>
      <td width="40%" bgcolor="#5F9B08"> 
                    <h5 align="center"><font color="white">Bandwidth</font></h5>
      </td>
      <td align="center" bgcolor="DDDDDD"><strong>300GB/Per Month</strong></td>
      <td align="center" bgcolor="DDDDDD"><strong>500GB/Per Month</strong></td>
      <td align="center" bgcolor="DDDDDD"><strong>1000GB/Per Month</strong></td>
      <td align="center" bgcolor="DDDDDD"><strong>3000GB/Per Month</strong></td>
    </tr>
    <tr>
      <td width="40%" bgcolor="#6aaf08"> 
                    <h5 align="center"><font color="white">Free Domain</font></h5>
      </td>
      <td align="center" bgcolor="F4F4F4"><font color="DC0003" size="3"><i class="fa fa-close"></i></font></td>
      <td align="center" bgcolor="F4F4F4"><font color="DC0003" size="3"><i class="fa fa-close"></i></font></td>
      <td align="center" bgcolor="F4F4F4"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
      <td align="center" bgcolor="F4F4F4"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
    </tr>
    <!-- begin dark explaining -->
    <tr>
      <td bgcolor="#5F9B08" align="center" valign="center" height="40"> 
        <a href="#sharedTabQ1" class="collapsed" data-toggle="collapse" data-parent="#accordion1">
            <strong><font size="4">30 Days Money Back Guarantee</font></strong> <i class="fa fa-question-circle"></i>
        </a>
                                    </td>
      <td align="center" bgcolor="#DDDDDD"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
      <td align="center" bgcolor="#DDDDDD"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
      <td align="center" bgcolor="#DDDDDD"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
      <td align="center" bgcolor="#DDDDDD"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
    </tr>
        <tr>
      <td bgcolor="5F9B08">
         <div id="sharedTabQ1" class="panel-collapse collapse" role="tabpanel">
            <div class="panel-body"><font color="white">
          <h4>Risk Free. Worry Free.</h4>
          <p>Lorem ipsum dolor sit amet, <strong>consectetur adipisicing</strong> elit, sed do eiusmod
          tempor incididunt ut labore et 
          <li>dolore magna aliqua. Ut enim ad minim veniam,</li>
          <li>quis nostrud exercitation ullamco laboris</li>
          <li> nisi ut aliquip ex ea commodo</li></p></font>
           </div>
         </div>
      </td>
      <td bgcolor="#DDDDDD"></td>
      <td bgcolor="#DDDDDD"></td>
      <td bgcolor="#DDDDDD"></td>
      <td bgcolor="#DDDDDD"></td>
        </tr>
        <!-- end dark explaining -->
        <!-- begin light explaining -->
    <tr>
      <td bgcolor="#6aaf08" align="center" valign="center" height="40"> 
        <a href="#sharedTabQ2" class="collapsed" data-toggle="collapse" data-parent="#accordion1">
            <strong><font size="4">Free SSL Certificate</font></strong> <i class="fa fa-question-circle"></i>
        </a>
                                    </td>
      <td align="center" bgcolor="#F4F4F4"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
      <td align="center" bgcolor="#F4F4F4"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
      <td align="center" bgcolor="#F4F4F4"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
      <td align="center" bgcolor="#F4F4F4"><font color="6aaf08" size="3"><i class="fa fa-check"></i></font></td>
    </tr>
        <tr>
      <td bgcolor="#6aaf08">
         <div id="sharedTabQ2" class="panel-collapse collapse" role="tabpanel">
            <div class="panel-body"><font color="white">
          <h4>Keep your website Visitors secure</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
          proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></font>
           </div>
         </div>
      </td>
      <td bgcolor="#F4F4F4"></td>
      <td bgcolor="#F4F4F4"></td>
      <td bgcolor="#F4F4F4"></td>
      <td bgcolor="#F4F4F4"></td>
        </tr>
        <!-- end light explaining -->
        </tbody>
</table>

and it looks like that “https://www.sharmhost.com/hosting”

[Author]

Posts