Jump to content

"Well(s)" Conditional Color Change


Recommended Posts

Hello gang

im wondering if there is and easy way using the default template to alter the grey well around the domain checker to have conditions to change color based on availability or invalidity?

There are condition queues for the red and green available /unavailable, can this be adapted to change the color of the background well to green or red etc.?

 

Thank you

Link to comment
Share on other sites

you need to add this CSS styles to your default template whmcs.css file, WHMCS-Main-Directory/templates/default/css/whmcs.css

.well-available {
background: #6699FF
}
.well-invalidtld {
background: #9999CC
}
.well-invalid {
background: #FFCC99
}
.well-error {
background: #FF6666
}

 

open the default template domainchecker.tpl file with any editor

edit/replace line #13

<div class="well">

 

 

with

 

<div class="well {if $invalidtld}well-invalidtld{elseif $available}well-available{elseif $invalid}well-invalid{elseif $error}well-error{/if}">

 

save and go to your website to try this changes

Link to comment
Share on other sites

Thank you very much!

This seems to have worked, now I can apply that framework with different colors and conditions to the homepage and client area too. Very cool sentq. I needed this cause im re-templating the default style with responsive bootstrap 3.1.1

yes you can and need to change my colors it was randomly chosen to give you a start point

:idea:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated