How to change the colour or shape of the "on sale/ featured /out of stock" circle (badge)site wide (and not just on the shop page)?
In the forum you do give custom css for changing the colour of the badge on the shop page only. I would like it to be "turquoise" colour on the whole site (homepage, product page, check out ect.)
If you're looking for professional help in theme customisation, there's always someone available for such tasks on the WP Kraken or Envato Studio. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
1. How do I change the colour of the small line beneath the selected page in the main menu
Currently it is Yellow, want it Turquoise (see attached screenshot)?
2. How do I align the drop down menu items (in the main menu) so that the categories (earrings, pendants, chains&chokers ect.) align left (currently centred)? (see attached screenshot)
Please just go to Aurum > Theme Options > Theme Styling > Custom Skin Builder > Yes and change the Button Color
If you have further questions in the future, kindly open a new ticket and post your request so it will be helpful for the other users to take advantage of searching them on the forum, and we’re glad to help you in your new thread.
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
Hi There
How to change the colour or shape of the "on sale/ featured /out of stock" circle (badge) site wide (and not just on the shop page)?
In the forum you do give custom css for changing the colour of the badge on the shop page only. I would like it to be "turquoise" colour on the whole site (homepage, product page, check out ect.)
This is what I entered:
.shop .shop-item .onsale {
background: turquoise !important;
}
.shop .shop-item .onsale.oos {
background: turquoise !important;
}
.shop .shop-item .onsale.featured {
background: turquoise !important;
}
Also, how do I change the circle shape to a square (that is the same size as the circle)??
Lastly, how do I change the mini circles' colour on the shopping cart/bag. (to turquoise and not purple.
Everything that is purple must be turquoise
Hi Milla,
1— Can you please add the code below to your Custom CSS area:
.woocommerce .onsale { background: pink !important; } .woocommerce .onsale.featured { background-color: green !important } .woocommerce .onsale.oos { background: red !important; }2— Can you please add the code below to your Custom CSS area:
.woocommerce .onsale {border-radius: 1px !important;
}
If you're looking for professional help in theme customisation, there's always someone available for such tasks on the WP Kraken or Envato Studio. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
Thanks Ylli, it worked!
Two more things :
1. How do I change the colour of the small line beneath the selected page in the main menu
Currently it is Yellow, want it Turquoise (see attached screenshot)?
2. How do I align the drop down menu items (in the main menu) so that the categories (earrings, pendants, chains&chokers ect.) align left (currently centred)? (see attached screenshot)
Hi Milla,
Glad to hear that
1— Just go to your Custom CSS and change the color code from this CSS code:
header.site-header ul.nav>li>a:after, header.site-header div.nav>ul>li>a:after {background: #e6b043 !important;
}
2— Just add the code below to your Custom CSS area:
header.site-header div.nav>ul>li>ul, header.site-header ul.nav>li>ul {text-align: left !important;
}
Thank you so much Ylli! It worked great!
Couple of more things:
1. Colour changes (ALL purple to turquoise). The colour purple is still visible on the following:
Hi Milla,
Please just go to Aurum > Theme Options > Theme Styling > Custom Skin Builder > Yes and change the Button Color
If you have further questions in the future, kindly open a new ticket and post your request so it will be helpful for the other users to take advantage of searching them on the forum, and we’re glad to help you in your new thread.
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
A huge thank you from Laborator in advance!
Some more things...(sorry for bombarding you)
2. HOMEPAGE - I want to add additional 2 rows of "products carousel". One for 'Featured Products' and one 'Category eg. Earrings'.
I did try to set it up to do the above, however it doesn't show on the front end. (see attached)
3. Small bug on cart page - The "minus" is not aligned with the 'plus' sign.
Hi Milla,
Please read my last message.
Thanks for your understanding!
Will do, Ylli :)
Hi Milla,
Thank you very much
Will set this ticket as closed from here.