Transfer button css

[graisbeck]

I found the css to change the colour of the 'Search' and 'Transfer' buttons within the domain checker on index.php, but can not find the whereabouts of the onhover css attribute. Any ideas, please?

[graisbeck]

These are the buttons which I want to change the onhover colours.

[brian!]

have you looked in all.min.css ? aren't they called btn-info:hover and btn-warning:hover ??

 

I upgraded a v7.1 dev to v7.2b this morning, so I can't confirm that, but I think i'm correct... but just to make your life more interesting, I can tell you that in v7.2, the css is different and they're using different css names now.

 

[graisbeck]

Oh great! It's taken me two weeks to try and get to grips with this version Do we know if 7.2 is anywhere near official realise yet? As I think they should run a poll on the colours of the search and transfer buttons before release.

By the way, thanks brian for identifying the location of the css for the buttons.

[bear]

in v7.2, the css is different and they're using different css names now.

Have to love a moving target.

identifying the location of the css for the buttons.

Do yourself a favor, and grab the firebug plugin for the Firefox browser. With that, you can click a button, hover over an element and immediately see it in the code, along with being able to test changes live on the page. The sanity you save would be worth it.

[graisbeck]

Have to love a moving target.

 

Do yourself a favor, and grab the firebug plugin for the Firefox browser. With that, you can click a button, hover over an element and immediately see it in the code, along with being able to test changes live on the page. The sanity you save would be worth it.

 

I did use firebug but just couldn't find btn-info:hover and btn-warning:hover!! it must be my age

[bear]

Anything that changes like this as you roll over it will have a corresponding "hover", "active" or "focus" action defined in the CSS. Using Firebug, find the button, which will show the base declaration (.btn.warning and .btn.info in this case). Switch to viewing the style sheet, and use Firebug to look for every instance of that button declaration (it has a search function) and you'll find the modifier declaration pretty quickly.

 

To test you have the right one, just edit right there in the Firebug window, and the result will be viewable in the window above (assuming you use split view). Handy stuff, and a skill/technique you'll use loads in something like this.

[brian!]

Do we know if 7.2 is anywhere near official realise yet? As I think they should run a poll on the colours of the search and transfer buttons before release.

we never know when releases are coming, but I think the plan for v7.2 is... Beta -> Release Candidate -> Full Release.... we've just had the beta and I would expect to see the preview release later this month with a full release in May - i'd then expect to see a 7.2.1 maintenance update a few weeks after to patch the bugs in v7.2 full - but don't hold me to that timescale as I have no inside knowledge on this (just prior experience!)...

 

I don't think there's enough in the update to justify further months of development, so I wouldn't imagine it's not going to be a long beta period.

 

it's a shame I upgraded my v7.1 dev to run the beta as i'd like my old v7.1 dev back over this v7.2 nonesense... installing another dev is proving tricky as I can't reissue a dev license.

however, there are ways around that...

 

I did use firebug but just couldn't find btn-info:hover and btn-warning:hover!! it must be my age

going from the WHMCS v7.1.2 zip...

 

.btn-info {
 color: #fff;
 background-color: #5bc0de;
 border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
 color: #fff;
 background-color: #31b0d5;
 border-color: #1b6d85;
}
.btn-info:hover {
 color: #fff;
 background-color: #31b0d5;
 border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
 color: #fff;
 background-color: #31b0d5;
 border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
 color: #fff;
 background-color: #269abc;
 border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
 background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
 background-color: #5bc0de;
 border-color: #46b8da;
}
.btn-info .badge {
 color: #5bc0de;
 background-color: #fff;
}
.btn-warning {
 color: #fff;
 background-color: #f0ad4e;
 border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
 color: #fff;
 background-color: #ec971f;
 border-color: #985f0d;
}
.btn-warning:hover {
 color: #fff;
 background-color: #ec971f;
 border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
 color: #fff;
 background-color: #ec971f;
 border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
 color: #fff;
 background-color: #d58512;
 border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
 background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
 background-color: #f0ad4e;
 border-color: #eea236;
}
.btn-warning .badge {
 color: #f0ad4e;
 background-color: #fff;
}

... but bear's right on this, firebug or similar will help greatly in finding things like this.