Reply To: Shipping choice & drop off menu characters color
Hello Zex!
I have other CSS codes, a lot. Is there anyone here that could be interfering with? It is not working.
#top-bar{
background-color:grey!important;
}
#top-social ul li a {
color:white!important;
}
.agama-primary-nav,
#agama-logo img{
float: none!important;
display:inline!important;
}
.agama-primary-nav {
float: none!important;
left:26%!important;
max-width: 65%!important;
}
.top-links {
margin-left:37%;
}
#top-bar .pull-left{
float:none!important;
}
@media (max-width:992px) {
.sticky-header.sticky-header-shrink {
position: fixed!important;
height:80px!important;
}
nav.mobile-menu {
position: fixed!important;
width: 100%;
top: 70px!important;
height: 250px!important;
overflow: auto!important;
z-index:9999;
}
}
#masthead .agama-primary-nav .sub-menu-item a {
font-size: 14px!important;
}
@media only screen and (min-width: 993px) {
#agama-logo .logo-mobile{
display: none!important;
}
}
@media only screen and (max-width: 992px) {
#agama-logo .logo-desktop{
display: none!important;
}
}
@media (max-width: 767px){
ul.products.columns-3 {
display: flex;
flex-flow: row wrap;
}
.woocommerce ul.columns-3>li {
width: 47%!important;
}
}
/*Product title font size particularly*/
.post-328 h2.woocommerce-loop-product__title,
.post-594 h2.woocommerce-loop-product__title
{
font-size:15px!important;
}
/*Related product title color*/
.single-product .related.products h2{
color: white!important;
}
.single-product .related h2.woocommerce-loop-product__title{
color: gray!important;
}
/*products height*/
.inner_product{
height:500px!important;/*Change this value if needed*/
}
/*my-order font color*/
.woocommerce .shop_table.cart tbody tr:nth-child(even),
.woocommerce-page .shop_table.cart tbody tr:nth-child(even) {
color:black!important;}
/*Tu pedido Producto font color*/
.woocommerce .shop_table tbody tr.cart_item:nth-child(even)
{
color:black!important;
}
/*Total de carrito and
Detalles de facturation
width on mobile */
@media (max-width: 767px){
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2{
width:100%!important;
}
/*Dropdown list color*/
.select2-results{
color:black!important;
}
/*Hide shipping details on the cart page*/
.woocommerce-cart .cart_totals .shipping{
display: none!important;
}
}
/*Payment method description font color*/
.woocommerce-page #payment div.payment_box p{
color:black!important;
}
/*remove the magnified glass on hover*/
.woocommerce div.product div.images img.zoomImg{
display: none!important;
}
/*Cart total colors*/
.cart_totals td,
.cart_totals h2{
color:white!important;
}
/*mobile view one column*/
@media (max-width: 560px){
ul.products:not(.columns-1) li {
width: 100% !important;
}
}
/*footer widgets width fix*/
@media (max-width: 479px){
.container {
width: 100% !important;
}
}
/*Hide filtering*/
.woocommerce .product_filtering{
display:none!important;
}
/*Tab titles color*/
.woocommerce-tabs .tabs li a{
color:white!important;
}
/*img in products opacuty*/
.inner_product img{
opacity: 0.9;/* set this value 0-1*/
}
.woocommerce .products li{
background:rgba(255,255,255,1.0); /*Use this for white semi transparent background color:rgba(255, 255, 255, 0.80)*/
}
/*Checkout tiltle color*/
.woocommerce-checkout h3 {
color:white!important;
}
/*Checkout label title color*/
.woocommerce-page form .form-row label {
color:orange!important;
}
/*WooCommerce Order details colors*/
.woocommerce-page .order_details li strong{
color:white!important;
}
.woocommerce-bacs-bank-details{
color:white!important;
}
.woocommerce-order-details h2,
.woocommerce-checkout .woocommerce h2{
color:white!important;
}
.shop_table.order_details tfoot{
color:white!important;
}
#footer-wrapper .site-info{
text-align:center;
width:100%!important;
margin:10px auto;
}
#footer-wrapper .social {
float: right;
}
Sorry about the mess
Regards,
Diego