This topic has 65 replies, 4 voices, and was last updated 7 years, 4 months ago ago by Rose Tyler
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? 🙂
Hello,
1. Please add this code in Custom CSS:
.header-type-8 .menu-wrapper .languages-area li {
display: inline-block;
margin-right: 5px;
}
2. Add this code in page custom css http://prntscr.com/e2p08r
input[type=submit] {
background-color: green;
}
input[type=submit]:hover {
background-color: red;
}
3-4. Please read more in documentations:
https://www.8theme.com/demo/docs/royal/index.html#!/1_how_to_translate 21.2 Translation theme with WPML section.
https://wpml.org/documentation/
Regards,
Rose Tyler.
Hello Rose,
Yes i know how to translate it but everytime i have problems with it with my webshops… 🙁
Okay, uploaden the MO. and PO. files and put the $locale=’de_DE’; in the wp.config. Nothing happend…
For example: the “Cart” have to be translated to “Winkelwagen” according to the PO files…
Hey Rose or other agent,
1. Why do i have 2 files in theme file like: Royal and Royal_Theme_v2.8 ??
2. For free shipping i read on google that i have to put this code in functions.php in the theme folder. I did that to the royal folder but nothing happens 🙁
function my_hide_shipping_when_free_is_available( $rates ) {
$free = array();
foreach ( $rates as $rate_id => $rate ) {
if ( ‘free_shipping’ === $rate->method_id ) {
$free[ $rate_id ] = $rate;
break;
}
}
return ! empty( $free ) ? $free : $rates;
}
add_filter( ‘woocommerce_package_rates’, ‘my_hide_shipping_when_free_is_available’, 100 );
Hello,
Sorry for a delay.
Please provide FTP credentials in Private Content, also, specify the path to your wp installation where this theme is installed.
2. It requires additional customization in php files which is beyond our basic support scope.
If you have the required skills you may try to change it yourself.
Regards,
Rose Tyler.
Hi Rose,
1. About point 2; i get that but it’s about the function.php file of YOUR theme. And also really strange but we have 2 theme files in our Wp-content file; Royal and Royal_Theme_v2.8. What about that? Is that the reason we cannot add a file at the function.php? The code we want to add is to have free delivery first at the checkout page.
2. See cart page (www.studio-xpoos.nl); When clicking on “calculable sending costs”, there is showing a total black button. How can i change the background color and font color?
Hi!
Hope you can help me because tomorrow we are going live, oehoe 🙂
See shop page-> In Dutch are all the products gone. Also a shortcode from Woocommerce does not help… Any idea?
Hello,
1. We can’t know why you have 2 folders for royal theme. As I told you in the other topic “Royal” folder is the old version of the theme. Now you have Royal_v2.8 version activated. So you can remove “royal” folder and keep “Royal_v2.8”.
2. I don’t see the text “calculable sending costs” on Cart page http://storage4.static.itmages.com/i/17/0209/h_1486653478_8536311_3119069691.jpeg .
Please clarify how to replicate it.
3. As I see products are shown http://storage2.static.itmages.com/i/17/0209/h_1486653557_8220071_292e7bdd20.jpeg .
Regards,
Eva Kemp.
Hi Eva,
1. Okay understand! But i have a question then for both webshops; Above € 50,- the shipping is free. You’ll see the options in checkout page BUT we want to ONLY have the “free shipping” option. Now you have to have to add this, but that’s not really client friendly ;). Hopefully you have the solution.
Before the new version of Royal we added the code in previous post at functions.php but now it does not works at the new Royal file.
2. I think that’s because you’r working from Ukraine. Can you select maybe Netherlands or Belgium or something. there we added shipping costs. You get then a link with “calculate shipping cost”. When clicking on that you’ll see the black button :).
3. Yes, i see it too. Uhm magic webshop 😉
4. Do you maybe have any idea why Google Maps is not showing at this: https://cosplayclues.nl/event-location/icoontheather/ ?
5. See footer: How can i make all text from the Mailchimp Widget: White?
Do you now why the last 2 columns not have a white stripe anymore?
6. See footer on mobile: How can i get all social icons next to eachtother??
Thanks!!
Hello,
1. I’ve added the code in functions.php file for this site cosplayclues.nl and only free shipping method is available:
http://storage2.static.itmages.com/i/17/0209/h_1486657234_6511711_2b27be4383.jpeg
Clear browser cache and check.
2. Add this code in Global Custom CSS:
.woocommerce-shipping-calculator button {
color: white !important;
background-color: grey !important;
}
4. You need add API key in Ultimate > Google Maps. Read more information here https://docs.brainstormforce.com/how-to-create-google-api-key-in-order-to-make-the-google-map-element-work/ .
Regards,
Eva Kemp.
Eva, did i ever say that your support is great :D.
As you know i/we build a lot of shops with your theme and i also recommend it to our colleagues. They are also very very happy with it!
After al this thousand questions we have a great CSS style sheet we can use it for the next shops :D.
Okay, hopefully last questions about this one:
1. See footer: How can i make all text from the Mailchimp Widget: White?
Do you now why the last 2 columns not have a white stripe anymore?
2. See footer on mobile: How can i get all social icons next to eachtother??
Hello,
1. Please add this css code:
.main-footer .widget-title span, .main-footer .mc4wp-form-fields label {
color: white !important;
}
Add two last columns as custom sidebars in Appearance > Widgets and then add them to your footer via Widgetised Sidebar element in VC editor.
2. Do the same actions as I described in this post https://www.8theme.com/topic/question-webshop-furniture/page/3/#post-154342
I’ve added custom classes to your icon columns in static block http://storage8.static.itmages.com/i/17/0208/h_1486570532_1949177_2a50d48e12.jpeg and added this css code in Custom CSS for mobile:
.custom_icon {
width: 32% !important;
float: left;
}
Thank you for your feedback!
Much appreciated.
Regards,
Eva Kemp.
Hi Eva,
1. yes i did, only the text are black in the footer. Can this be white?
2. How can i change the background and font color of the mobile menu?
Hello,
1. Use this css code:
.main-footer-1.text-color-default .wpb_heading {
color: white !important;
}
2. Add this css code in Global Custom CSS:
.et-mobile-menu li a, .mobile-nav-heading.close-mobile-nav {
color: white !important;
}
.st-menu, .mobile-nav-heading.close-mobile-nav {
background-color: red !important;
}
Regards,
Eva Kemp.
Yeah great!
Only the lines under the titles of the widgets of the footer are still black :(… sorry!
2. Seems the code you gave me for the social icons in the mobile footer does not work. They are stil above each other in stead of next to each other
Hello,
Please, add this code in Custom CSS:
.main-footer-1.text-color-default .wpb_heading {
border-bottom: 1px solid white;
}
I’ve re-added “custom_icon” classes, please, check your footer icon now.
Regards,
Rose Tyler.
Hello,
We have issues with the webshop, error 503. Hosting is good en checked everything. Now we added WP3 Caching plugin but we get a lot of error; website breaks and cart does not working well. I see this issues a lot in the forum with this theme.
What can we do to speed up our website? Which caching plugin do you recommend for this theme with woo commerce?
Hello,
Our theme supports all the plugin option, but if you use Minify mode it should be Manual. Minify settings http://prntscr.com/cq3b7v
To optimize CSS, JS, HTML use also Autoptimize plugin
http://prntscr.com/cq37am
To pass the “Eliminate render-blocking JavaScript and CSS in above-the-fold content”-rule use Above The Fold Optimization plugin
http://prntscr.com/cq39gp
Regards,
Eva Kemp.
Hello,
I have 1 question about my webshop.
When clicking on “password lost” and filling in my mailadressen, i get a redirect to a 404 page.
After that i get an email for reset the password, but the link isn’t working. I can not click on it.
Can you help us with this? I couldn’t find the problem
Hello, @irish,
You may check this problem with Storefront theme (official WC theme) to be sure that problem relates to our theme or to default WordPress functionality.
Regards
Hello!
Yes, it’s in the theme. Before updating we didn’t have this issue. And i can’t find the problem where it is. Can you help me with this?
You must be logged in to reply to this topic.Log in/Sign up