Cosplay webshop - by irish - on WordPress WooCommerce support

Hello,

Are you using Product Categories element in Visual Composer editor?
Please provide WP Dashboard credentials in private content.

Regards,
Eva Kemp.

Hello,

You forgot to write the site url.
Please provide it.

Regards,
Eva Kemp.

Hello,

Try to add this code in Custom CSS:

.woocommerce_product_categories .widget-title {
    background-color: #0cb3d7 !important;
    padding-left: 10px;
    border-top: 0;
    color:white;
}
.woocommerce_product_categories {
    border: 2px solid #0cb3d7;
    border-radius: 7px;
}
.woocommerce_product_categories .product-categories li a {
    margin-left: 10px;
}
.woocommerce_product_categories .product-categories {
    margin-bottom: 0;
}
.widget_product_categories{
  border: 2px solid #0cb3d7;  
  margin-bottom: 20px;
  border-radius: 7px;
}
.widget_product_categories ul li a {
    margin-left: 1vw;
}
.widget_product_categories h2 {
    padding-left: 1vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    color: white;
    border-bottom: 2px solid #0cb3d7;
    background-color: #0cb3d7;
}
.widget_product_categories .with-accordion {
    margin-bottom: 0;
}

To make zoom effect work correctly you need to upload image with a larger size http://prntscr.com/djsph8, or you can disable zoom (Theme Options > Single Product Page > Zoom effect).

Regards,
Rose Tyler.

Hello,

You’re welcome!
Please add this code in Custom CSS:

.widget_product_categories h2 {
    margin-bottom: 0;
}
.product-categories > li:hover {
    background-color: rgba(12, 179, 215, 0.38);
}
.product-categories > li:hover a {
    color: white;
}
.product-categories > li {
 transition: all 0.2s ease-in-out;
}

Regards,
Rose Tyler.

Hello,

Try to add code:

.header-type-8 .menu-wrapper .menu-main-container > ul > li > a {
    border: none;
}
.header-type-8 .menu-wrapper .menu-main-container > ul > li:last-child > a {
    border: none;
}

.home .yith-wcwl-add-button {
    width: 20px;
}

Regards,
Rose Tyler.

Hello,

1. Sorry, but your question is unclear. Please, provide screenshot for our better understanding what exactly you want to change.
2.

.home .vc_separator.vc_separator_align_center h4 {
    font-size: 21px !important;
}

3.

footer .date-event {
    color: white;
}
footer .blog-post-list .media-body {
    color: white;
}
.main-footer-1 .blog-post-list li .media-body strong {
    color: white;
}
.main-footer-1 .blog-post-list .media-heading a {
    color: white;
}

4.

.main-footer-1 .white-text {
    color: white;
}

5.

.copyright {
    background-color: blue !important;
}
.copyright-1 .textwidget a {
    color: white;
}

6. http://prntscr.com/dlq4i1
7.

.sidebar-widget.widget_product_categories .widget-title {
    color: white;
    background-color: #3297ff;
    font-weight: 600;
    border-top: 0;
}
.sidebar-widget.widget_product_categories .widget-title span {
    background-color: #3297ff;
    margin-left: 15px;
}

8. http://prntscr.com/dlq97m
9.

.price_slider_wrapper .price_slider_amount button {
    color: white;
    background-color: #3297ff;
}
.pagination-cubic li span.page-numbers.current {
    color: white;
    background-color: #3297ff;
}

10. In this case, you need try to edit the files wp-content/themes/royal/woocommerce/content-single-product.php

Regards,
Rose Tyler.

Hello,

1. As I see it’s working fine. Please see screenshots: http://prntscr.com/dlqvr8
2. Please add this code in Custom CSS:

.copyright-1 .container .row-copyrights {
    border: 0;
    padding-top: 0;
    padding-bottom: 15px;
}

Regards,
Rose Tyler.

Hello,

1. You have too small product images http://prntscr.com/dm5wnw. Please upload bigger images (approximately from 1 425px × 1 900px) or disable zoom.
2.

.single-product .product-navigation .product-arrows {
    display: none;
}

3.

.single-product .menu-social-icons i {
    background-color: green;
}
.single-product .menu-social-icons circle {
    stroke: green;
}

4.

.page-heading.bc-type-1 a {
    color: white;
}
.page-heading .delimeter{
    color: white;
}

5.

.widget_shopping_cart_content .big.filled {
    background-color: blue;
}

6.

.cart-collaterals .checkout-button {
    background-color: green;
    color: white;
}

7.

.checkout_coupon .btn {
    background-color: blue;
}

8.

.woocommerce-cart .actions .btn {
    background-color: blue;
}

9.

.woocommerce-billing-fields input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"] {
    padding: 8px 10px !important;
}

10.

.woocommerce-checkout .button {
    background-color: blue;
}

11.

.header-type-8 .menu-wrapper .menu-main-container > ul > li > a:hover {
    background-color: rgba(153, 191, 10, 1);
    color: white;
}
.header-type-8 .menu-wrapper .menu-main-container > ul > li a {
    transition: all 0.2s ease-in-out;
}
.header-type-8 .menu-wrapper .navbar-collapse .menu-main-container .menu{
    display: flex;
}
.header-type-8 .menu-wrapper .menu-main-container > ul > li{
    display: flex;
}

Regards,
Rose Tyler.

Hello,

Please add this code in Custom CSS:

.out-stock {
    background: rgba(0, 128, 0, 0.6);
}

Regards,
Rose Tyler.

Hello,

1. Please read here how to remove tabs https://docs.woocommerce.com/document/editing-product-data-tabs/

2. Please use this css code:

.page-heading .woocommerce-breadcrumb {
    font-size: 15px !important;
    font-family: "Open Sans"
}
.page-heading a {
    color: white !important;
}

Best regards,
Jack Richardson.

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.

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.

Hello,

Could you please show a page where variations aren’t shown?

Thank you.
Regards,
Eva Kemp.

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.

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.