Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Help Changing Colors
 
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 03-08-2018, 08:32 AM
 
karichristen karichristen is offline
 

Newbie
  
Join Date: Mar 2018
Posts: 7
 

Question Help Changing Colors

I'm in need of some help changing up some of the colors of my store.

Right now the nav bar hover color is a bright blue, and I've tried to add a line to change it to red but it doesn't seem to want to change.

Also I would like to change the font color next to the shopping basket navy blue and the shopping basket green.


Here is the current CSS code, please feel free to give me as much criticism as possible as I only have basic coding knowledge.


/**
* Top menu main block styling
*/


}

/* Sets color of navigation bar in mobile */
.mm-navbar {
background: #195ad2;
}

/* Sets color of navigation bar mobile */
.navbar.navbar-inverse.mobile-hidden { background: #08255c; }
#top-main-menu li li:hover>a, #top-main-menu li li a:hover { background: #FF0000; }

inverse .navbar-nav>li.active>a { background: #FF0000; }
#top-main-menu li li:hover>a, #top-main-menu li li a:hover { background: #FF0000; }


/* Font Color */
color: #fff;
/* Active Cell Color*/
background-color: #FF0000;
}
#top-main-menu>li>span.primary-title.tap, #top-main-menu>li>a.tap, #top-main-menu>li:hover>span.primary-title, #top-main-menu>li:hover>a {
/* Hover Color*/
background-color: #FF0000;
}
.navbar-inverse {
/* Background Color*/
background-color: #D3D3D3;
/* Menu Border Color*/
border-color: #195ad2;
}
/**
* Main blocks of the sidebar (Top categories, Sale, New arrivals Recently viewed and so on)
*/
.sidebar div.block {
padding: 0px;
border-color: #000080;
border-width: 2px;
}

/**
* Header of the main blocks in the sidebar
*/
.sidebar .block .head-h2 {
padding: 14px 20px 14px 20px;
margin: 0px;
border-color: #000080;
border-radius: 5px;
color: #5e6266;
}

/**
* Content of the main blocks in the sidebar
*/
.sidebar div.block div.content {
padding: 0px 20px 20px 20px;
border-radius: 5px;
}

/**
* Styles for the links inside the main blocks of the sidebar
*/
.sidebar ul.menu a {
border-top: 1px solid #daedfc;
}

/**
* Specific styles for the Top categories block in the side bar
*/
.sidebar div.block.block-product-filter div.content {
padding: 0px 10px 20px 10px;
}

/**
* Specific styles for the Top categories block in the side bar
*/
.sidebar .block.block-top-categories .head-h2 {
background: #08255c;
}

.sidebar div.block.block-top-categories div.content {
background: #d3d3d3;
}

.sidebar div.block.block-top-categories div.content a {
color: #000080;
}

/**
* Header for specific side-bar box ("New arrivals" products)
*/
.sidebar .block.block-new-arrivals .head-h2 {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f7fcff 0%, #d9edfc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fcff), color-stop(100%,#d9edfc));
background: -webkit-linear-gradient(top, #f7fcff 0%,#d9edfc 100%);
background: -o-linear-gradient(top, #f7fcff 0%,#d9edfc 100%);
background: -ms-linear-gradient(top, #f7fcff 0%,#d9edfc 100%);
background: linear-gradient(to bottom, #f7fcff 0%,#d9edfc 100%);
filter: progidXImageTransform.Microsoft.gradient( startColorstr='#f7fcff', endColorstr='#d9edfc',GradientType=0 );
}

/**
* Price info block in the "New arrivals" product list in the side-bar box
*/
.sidebar .block.block-new-arrivals div.product-price {
margin-top: 10px;
}

/**
* Price info text in the "New arrivals" product list in the side-bar box
*/
.sidebar .block.block-new-arrivals .products-sidebar-small-thumbnails span.product-price {
font-size: 26px;
}

/**
* The last product element block in the New arrivals list
*/
.sidebar .block.block-new-arrivals ul.products-sidebar li.last {
padding-bottom: 10px;
}

/**
* The last element block in the New arrivals list (There is a link "All new products")
*/
.sidebar .block.block-new-arrivals ul.products-sidebar li:last-child {
padding-bottom: 10px;
}
__________________
Business 5.3.4.5
Reply With Quote
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 11:14 PM.

   

 
X-Cart forums © 2001-2018