This topic has 65 replies, 4 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler
Hi Jack,
2. Sorry it does not work and i don’t understand. But maybe we can do it different. I just want to have the title on the left of the screen. When i do that in Theme Options, the layout changes, and i don’t want it to change.
So can you maybe give me a CSS for the text to the left?
3. I bought and installed this plugin: https://woocommerce.com/products/variation-swatches-and-photos/
But when adding a custom color or image to the variations, it’s not showing in the shop sidebar + the product page. How can i fix this?
Hello,
Try to add this code in Custom CSS:
.bc-type-1 {
text-align: left;
}
.page-heading .title {
text-align: left;
margin-left: 0;
}
Please read this topic https://www.8theme.com/topic/woocommerce-variation-swatches-and-photos/
Regards,
Rose Tyler.
Hi Rose,
Yes read it but it does not work for me. Actually, also on this page: http://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/ when using the variations, the cart-button changed in colours….
Hello,
Have you tried to disable Ajax “Add to Cart” in Theme Options > Single Product Page > Ajax “Add to Cart” > Off?
Looking forward to your reply.
Regards,
Eva Kemp.
Hi Eva,
Yes i did… it’s stil off…
Hello,
Could you please show a page where variations aren’t shown?
Thank you.
Regards,
Eva Kemp.
Hi Eva,
For example: https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/
Hello,
I’ve added custom colors to that product http://storage9.static.itmages.com/i/17/0106/h_1483692715_3652725_93fb209b2e.jpeg .
Please check it now.
Regards,
Eva Kemp.
Hi Eva,
Ah! Didn’t saw that option, sorry!
1. But than an other thing. I used CSS for customising the colors for the “Add to cart” button at a single product page, but now the buttons are black/grey again…
https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/ : here grey
https://cosplayclues.nl/product/sarin-long-blue-ponytail-wig-cosplay/ : Here totally black
How can i fix this?
Hello,
Please add this code in Custom CSS:
.product-information .cart button[type="submit"] {
color: white;
background-color: black;
}
Set your color values.
Regards,
Eva Kemp.
Hi Eva,
Thanks :)!
1. See https://cosplayclues.nl/product/sarin-long-blue-ponytail-wig-cosplay/ . The number of the amount of product is not showing for the whole size.
2. When adding a product to cart, there is a green row showing with “product added to cart” with a button “view cart”. The button is black with black font. How can i change those colors?
Hello,
Please add this code in Custom CSS:
.single-product .quantity input[type="number"] {
width: 48px !important;
}
.single-product .woocommerce-message .button {
background-color: blue;
color: white;
}
Regards,
Rose Tyler.
Good morning!
Some questions…
1. When hovering the cart icon in header, you’ll see a dropdown with 2 buttons. I want to change the color + hover color of those buttons. So the buttons “View cart” and “Checkout”. Is dat possible?
2. When you look at the checkout page: https://cosplayclues.nl/afrekenen/ you’ll see a light blue row for a coupon. When you click on that row, there is an field that you can fill in with the coupon code. Is it possible to show that field immediately, so you don’t have to click on that blue row first?
+ The coupon field is too little.
3. In the footer we have an Instagram feed. Is it possible to make the @cosplayclues name, white?
4. When you take a look in the shop page: https://cosplayclues.nl/product-categorie/pruiken/ you’ll see the sidebar with the categories. when clicking on a category so the subcategories are showing, you’ll see that the text of the subcategories are black. Can those be also white, like the head categories?
5. I see a lot of black on black buttons. Those have to be green with white text. On this page:
https://cosplayclues.nl/mijn-account/downloads/
https://cosplayclues.nl/mijn-account/edit-account/
https://cosplayclues.nl/mijn-account/orders/
6. See single product page; https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/ . The field for the amount of the products is too small.
7. See single product page; https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/. Why is the cart button here blue? on other pages this it green?
8. See single product page; https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/
The first tab “Beschrijving” had a text. But i think he’s automatically put the the title: “Productomschrijving” in the text. How can we remove this?
9. See single product page; https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/
How can i remove the zoom function? So the little icon on the left of the product image?
10. See shop page. Is it possible to have the color filter above the products? In the same row as the standard filters?
Super mega thanks :)!
Hello,
1. Please add this code in Custom CSS:
.shopping-container .btn.border-grey {
background-color: green;
border-color: green;
}
.shopping-container .btn.border-grey:hover {
background-color: green;
border-color: green;
}
.widget_shopping_cart_content .big.filled {
background-color: green;
}
.widget_shopping_cart_content .big.filled:hover {
background-color: grey;
}
2.
.woocommerce-checkout .before-checkout-form .checkout_coupon {
display: block !important;
}
.woocommerce-checkout #coupon_code {
width: 100%;
}
3.
#sb_instagram .sb_instagram_header h3.sbi_no_bio {
color: white;
}
4.
.product-categories > li:hover ul.children li a {
color: white;
}
5.
.woocommerce-Button.button {
background-color: green;
color: white;
}
.woocommerce-account .button {
background-color: green;
color: white;
}
6.
.single-product .quantity input[type="number"] {
width: 50px !important;
}
7.
.single-product .product-information .cart button[type="submit"] {
background-color: #99bf0a;
}
8.
.single-product .tabs .tab-content h2{
display: none;
}
9. Go to Theme options > Single product page > Zoom effect > Disable
10. Sorry, but there is no such possibility. Try to add your filter in in Appearance > Widgets > Additional Shop Widget area.
Regards,
Rose Tyler.
Hello,
Thank you!
9. I already did that but i mean the small icon in the left corner. When you click on that the photo popped up.
Other question: See homepage: I have on the left of the page a categorie menu. How can i set the order of this menu?
Hello,
Please add this code in Custom CSS:
.single-product .product-lightbox-btn {
display: none;
}
Unfortunately, product category order can’t be changed for visual composer element.
Regards,
Rose Tyler.
Hi!
1. hope you can help me with this:
See homepage: You’ll see 2 times the sidebar “Categories”. The 1st one, above the page, is correct BUT unfortunalty we can’t change the order of categories here. So we added a widget area (2nd sidebar) but now the styling is not good anymore. Can you help me to fix this, so the 2nd sidebar looks exactly as the 1st?
2. Other question: how can i change the color of all the links in the texts?
3. See a product like: https://cosplayclues.nl/product/alex-black/
I’ve used H2 for the titles but it;s not showing 🙁
Thank you so much!
Hello,
Please add this code in Custom CSS:
.widget_product_categories .widget-title:after {
display: none;
}
.widget_product_categories h3.widget-title {
padding-left: 1vw;
padding-top: 1vw;
padding-bottom: 1vw;
color: white;
border-bottom: 2px solid #eeeeee;
background-color: #3297ff;
border-radius: 7px;
font-size: 18px;
}
.widget_product_categories .widget-title span {
background-color: #3297ff;
}
a {
color: red;
}
Try to change previous code:
.single-product .tabs .tab-content h2{
display: none;
}
to
.single-product .tabs .tab-content h2:first-child{
display:none;
}
Regards,
Rose Tyler.
Hello there!
1. See homepage: How can i set the translate flags next to each other? Already edit the settings with WMPL but the flags stays under each other 🙁
2. How can i color the background and hover of the Send button: https://cosplayclues.nl/contact/
3. I installed WPML but how can translate the homepage, cart, checkout pages?
4. I’ve installed WPML and now the backend is in English, but that’s okay for me but a little strange.
My default language has to be Netherlands, and second English. I uploaded the po. and mo. files for nl_NL but nothing changed in the website.
– Also the question if you have the en_EN files?
Hi Agents,
Is it maybe possible to get some answers at my previous post? 🙂
You must be logged in to reply to this topic.Log in/Sign up