Jump to content

Troubleshooting CSS issue with latest WHMCS v7.3.0

kenygamer

By kenygamer
in Using WHMCS

 Share

Recommended Posts

kenygamer Junior Member

kenygamer

Posted
Posted

Since the upgrade to WHMCS v7.3.0, the custom CSS (custom.css) broken (navigation bar, backgrounds, footer, etc). There's also a new View Cart button which I can't get to style.

 

Full CSS 

/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
body, html {
    height: 100%;
    background-color: #8cbb51;
}
::selection {
  background: #b651bb; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #b651bb; /* Gecko Browsers */
}
a {
    color: #2f3740;
}
.navbar-main {
    margin-bottom: 0;
    background-color: #4f5052;
    border: 0;
    min-height: 38px;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    border-radius: 0 0 0 0;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #8cbb51;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: white;
    background-color: #8cbb51;
    border-color: #8cbb51;
}

section#main-menu {
    background-color: #8cbb51;
}
#home-banner {
    margin: 0;
    padding: 50px 0 60px;
    background-color: #2E363F;
    color: #fff;
    background-image: url(https://ipxcore.com/index_files/background1.jpg);
}
.body {
  /*  height: 100%;*/
    background-color: #fff;
     height: auto !important; 

   margin: 0 auto -85px; /* the bottom margin is the negative value of the footer's height */
}
.home-shortcuts {
    margin: 0;
    background: #8cbb51;
    color: #fff;
}
.home-shortcuts li:first-child {
  border-left: 1px solid #8cbb51;
}
.home-shortcuts li {
    float: left;
    width: 24%;
    padding: 5px 3px;
    border-right: 1px solid #8cbb51;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}
.home-shortcuts li a {

    width: 100%;
    border-right: 0;
     }
 @media (max-width: 767px) { .home-shortcuts li {
    display: block;
    float: none;
    width: 100%;
    border-right: 0;
    } }
.home-shortcuts li:hover {
   background-color: #000;
    color: #fff; 
    border-bottom: 1px solid #000;
}

.dataTables_wrapper .dataTables_info {
    padding: 9px 10px;
    background-color: #8cbb51;
    border: 0;
    border-bottom: 1px solid #fff;
 }
.status-active,
.status-open {
    background-color: #8cbb51;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #8cbb51;
    border-color: #8cbb51;
}
section#footer p {
    border-top: 0 solid #8cbb51;
    color: #fff;
    font-size: .8em;
    text-align: center;
    background-color: #8cbb51;
}
.btn-primary {
    color: #fff;
    background-color: #8cbb51;
    border-color: #8cbb51;
}
section#header {
    margin: 0;
    padding: 10px 0;
    background-color: #4f5052;
    background: -webkit-gradient(linear,0 0,0 100%,from(#4f5052),to(#252627));
    background: -webkit-linear-gradient(top,#252627,#4f5052);
    background: -moz-linear-gradient(top,#252627,#4f5052);
    background: -ms-linear-gradient(top,#252627,#4f5052);
    background: -o-linear-gradient(top,#252627,#4f5052);
    border-radius: 0 0 0 0;
    background-image: url("https://ipxcore.com/index_files/header-bg.gif");
}
.domain-checker-container {
    margin: 20px 0;
    padding: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #e8e9e9;
    background: -webkit-gradient(linear,0 0,0 100%,from(#4f5052),to(#e8e9e9));
    background: -webkit-linear-gradient(top,#e8e9e9,#4f5052);
    background: -moz-linear-gradient(top,#e8e9e9,#4f5052);
    background: -ms-linear-gradient(top,#e8e9e9,#4f5052);
    background: -o-linear-gradient(top,#e8e9e9,#4f5052);
}
#order-modern table.domainsuggestions th {
    background-color: #4f5052;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    line-height: 20px;
    color: #fff;
}
section#main-body {
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 350px;
}
section#body-body {
    padding-top: 20px;
    padding-bottom: 0px;
    min-height: 350px;
    background-color: #fff;
}
.makeitwhite {
    background-color: #fff;
}
section#more-body {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}
.clickable-row:hover{
    background-color:#000;
    cursor: pointer;
    color: #fff;
}

tr p {
    margin: 0 0 0 0;
    font-family: "Open Sans",Verdana,Tahoma,serif;
}
tr p a:hover{
    color: #fff;
}
abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 0px;
}
.prodtitle {
    font-weight: bold;
    color: ##2E363F;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
tr.clickable-row:hover .prodtitle{
    color: #8cbb52;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
tr.clickable-row:hover .prodtitle a{
    color: #8cbb52;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.prodtitle a:hover{
    color: #8cbb52;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
tr.clickable-row i.fa{
    padding-right: 2px;
}
@media (max-width: 520px) { tr.clickable-row p{
    text-align: center;
} }
.dropdown-menu>li:hover {
    background-color: #000;
    color: #fff;
}
.home-shortcuts li {
    border-bottom: 1px solid #8cba53;
}
.navbar-main{
    background-color:#8cba53;
}
.dropdown-menu>li>a:focus,.navbar-main .dropdown-menu>li>a:hover{
    text-decoration:none;color:#fff;background-color:#000;
}
.pagination>.active>span:hover{
    color:#fff;background-color:#8cba53;border-color:#8cba53;
}
section#footer p{
    border-top:0px solid #8cba53;
    color:#fff;
    font-size:.7em;
    text-align:center;
    margin: 0 0 0 0;
}

section#main-menu{
    background-color:#8cba53;
}
.text-domain{
    font-size:12px;color:#8cba53;
}
.btn-success {
    color: #fff;
    background-color: #8cbb52;
    border-color: #8cbb52
}
.btn-success:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

#order-modern .product:hover {
    background-color: #CBFF8B;
    cursor: pointer;
    cursor: hand;
}
#order-modern .domainoptions .optionselected {
    background-color: #CBFF8B;
}

.alert-info {
    color: #31708f;
    background-color: #FCFFF0;
    border-color: #C8C886;
}
div.header-lined h1 {
    color: #333;
}
.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-info:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-warning:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
#footer {
    background-color: #8cbb52;
}
.social {
    padding-top: 25px;
}
.prices {
    background-color: #8cbb51;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
p.priced {
    margin-top: -15px;
}
.budgetvpsq {
    background-color: #333;
    border-radius: 20px;
    margin: 20px 15px 20px 15px;
}
.budgetvpsq:hover {
    background-color: #000;
}
div.budgetvpsq h1{
    margin-top: 8px;
}
div.budgetvpsq h2{
    margin-top: 8px;
}
div.budgetvpsq h3{
    margin-top: 8px;
}
.btitle1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    margin: 5px 0 -10px 0;
    color: yellow;
}
.btitle2 {
    font-family: 'Yesteryear', cursive;
    font-size: 72pt;
    margin: -25px 0 -25px 0;
    text-shadow: 0px 0px 0px #fff, 0px 4px 12px #000;
}
a.ordernow {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: yellow;
    font-size: xx-large;
    text-shadow: 0px 0px 0px #fff, 0px 4px 12px #000;
}
.ipxcore {
    font-family: 'Podkova', serif;
}
.bolder {
        font-weight: bolder;
}
.tablepadding {
    margin-top:20px;
}
.tableitems {
    background-color: #333;
    border-radius: 20px;
    margin: 20px 15px 20px 15px;
}
.tableitems:hover {
    background-color: #000;
}
.tableprodtitle {
    font-family: 'Podkova', serif;
    font-weight: bold;
    font-size: 36pt;
    color: yellow;
}
.gold-3d {
    text-shadow: 0px 1px 0px #fff, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #777, 0px 5px 0px #666, 0px 6px 0px #666, 0px 7px 0px #555, 0px 4px 20px #000;
}
.silver-3d {
    text-shadow: 0px 1px 0px #fff, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #777, 0px 5px 0px #666, 0px 6px 0px #666, 0px 7px 0px #555, 0px 4px 20px #000;
}
.divider {
    background-image: url(https://ipxcore.com/index_files/divider1.png)repeat-x;
}
.gold {
    color: #f1e767; /* Old browsers */
    color: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6-15 */
    color: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10-25,Safari5.1-6 */
    color: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
    text-shadow: 0px 1px 0px #f2e767, 0px 2px 0px #eab82e, 0px 3px 0px #ffaf4c, 0px 4px 0px #b89025, 0px 5px 0px #cc8c3d, 0px 6px 0px #85681b, 0px 7px 0px #99692e, 0px 4px 12px #000;
}
.silver {
    color: #f6f8f9;
    color: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    color: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    color: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
    text-shadow: 0px 1px 0px #fff, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #777, 0px 5px 0px #666, 0px 6px 0px #666, 0px 7px 0px #555, 0px 4px 20px #000;
}
.copper {
    color: #ffaf4b;
    color: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
    color: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%);
    color: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
    text-shadow: 0px 1px 0px #f2e767, 0px 2px 0px #eab82e, 0px 3px 0px #ffaf4c, 0px 4px 0px #b89025, 0px 5px 0px #cc8c3d, 0px 6px 0px #85681b, 0px 7px 0px #99692e, 0px 4px 12px #000;
}
.bronze {
    color: #eab92d;
    color: -moz-linear-gradient(top, #eab92d 0%, #c79810 100%);
    color: -webkit-linear-gradient(top, #eab92d 0%,#c79810 100%);
    color: linear-gradient(to bottom, #eab92d 0%,#c79810 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 );
    text-shadow: 0px 1px 0px #f2e767, 0px 2px 0px #eab82e, 0px 3px 0px #ffaf4c, 0px 4px 0px #b89025, 0px 5px 0px #cc8c3d, 0px 6px 0px #85681b, 0px 7px 0px #99692e, 0px 4px 12px #000;
}
.iron {
    color: #f2f5f6;
    color: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
    color: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
    color: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
    text-shadow: 0px 1px 0px #fff, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #777, 0px 5px 0px #666, 0px 6px 0px #666, 0px 7px 0px #555, 0px 4px 20px #000;
}
.gold a{
    color: #f1e767; /* Old browsers */
    color: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6-15 */
    color: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10-25,Safari5.1-6 */
    color: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
    text-shadow: 0px 1px 0px #f2e767, 0px 2px 0px #eab82e, 0px 3px 0px #ffaf4c, 0px 4px 0px #b89025, 0px 5px 0px #cc8c3d, 0px 6px 0px #85681b, 0px 7px 0px #99692e, 0px 4px 12px #000;
}
.silver a{
    color: #f6f8f9;
    color: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    color: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    color: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
    text-shadow: 0px 1px 0px #fff, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #777, 0px 5px 0px #666, 0px 6px 0px #666, 0px 7px 0px #555, 0px 4px 20px #000;
}
.copper a{
    color: #ffaf4b;
    color: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
    color: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%);
    color: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
    text-shadow: 0px 1px 0px #f2e767, 0px 2px 0px #eab82e, 0px 3px 0px #ffaf4c, 0px 4px 0px #b89025, 0px 5px 0px #cc8c3d, 0px 6px 0px #85681b, 0px 7px 0px #99692e, 0px 4px 12px #000;
}
.bronze a{
    color: #eab92d;
    color: -moz-linear-gradient(top, #eab92d 0%, #c79810 100%);
    color: -webkit-linear-gradient(top, #eab92d 0%,#c79810 100%);
    color: linear-gradient(to bottom, #eab92d 0%,#c79810 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 );
    text-shadow: 0px 1px 0px #f2e767, 0px 2px 0px #eab82e, 0px 3px 0px #ffaf4c, 0px 4px 0px #b89025, 0px 5px 0px #cc8c3d, 0px 6px 0px #85681b, 0px 7px 0px #99692e, 0px 4px 12px #000;
}
.iron a{
    color: #f2f5f6;
    color: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
    color: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
    color: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
    text-shadow: 0px 1px 0px #fff, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #777, 0px 5px 0px #666, 0px 6px 0px #666, 0px 7px 0px #555, 0px 4px 20px #000;
}
.rounder {
    color: #333;
    border-radius: 20px;
    margin: 20px 15px 20px 15px;
}
.rounder:hover {
    background-color: #000;
    color: #fff;
}
.value {
    font-family: 'Yesteryear', cursive;
    font-size: 42px;
    text-shadow: 0px 0px 0px #fff, 0px 4px 12px #000;
}
.desc {
    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: -20px;
}
.desc2 {
    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: -9px;
}
.price {
    font-family: 'Podkova', serif;
}
.unlimited {
    padding-bottom: 10px;
    color: #8cbb51;
    font-family: 'Podkova', serif;
    font-size: 33px;
    font-weight: bold;
}
.cycle-slide {
    margin:auto;
}
.smore {
    background-color: #111;
    color: #fff;
}
.smore a {
    color: #e9e9ea;
}
.b1 {
    background-image: url("https://ipxcore.com/index_files/background-b1.jpg");
}
.b2 {
    background-image: url("https://ipxcore.com/index_files/background-b2.jpg");
}
.b3 {
    background-image: url("https://ipxcore.com/index_files/background-b3.jpg");
}
.b4 {
    background-image: url("https://ipxcore.com/index_files/background-b4.jpg");
}
.b5 {
    background-image: url("https://ipxcore.com/index_files/background-b5.jpg");
}
.b6 {
    background-image: url("https://ipxcore.com/index_files/background-b6.jpg");
}
.navbar-main .navbar-nav>li>a {
    font-size: medium;
}
.upgrade-options {
    padding-bottom: 20px;
    background-color: #fff;
}

:

This is code used on IPXcore but has been sold to me. PLEASE DO NOT SELL IT EITHER.

 

Thanks in advance.

Kevin Andrews

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing

  • 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

  I accept