Issues with 'Composite Products' overriding theme files (I think)

[Jesper Billeskov]

Hi Swift,

I’m having a few issues when using the ‘Composite Products’ plugin and the Neighborhood theme at the same time.

The problem is that the ‘Add to cart’ button and the drop down menu doesn’t look like in the rest of the shop. I have tried adding the code that you provided in this conversation: http://www.swiftideas.com/forums/topic/composite-products-theme-screw-up/. However, the ‘Add to cart’ button still changes size on “mouse-overs”.

This is a composite product: http://skateshop.dk/produkt/element-skateboards-8-0-nyjah-represent/. As you can see the button changes when you point the mouse on it. Furthermore, I want the drop down menu to look like this in stead: http://skateshop.dk/produkt/element-skateboards-8-375-appleyard-icons/ (which is a variable product and not composite product).

Is it possible to make such changes?

Looking forward to your reply.

Cheers
Jesper

[laranz – SUPPORT]

Hi,

Try adding this Custom CSS.

.composite_add_to_cart_button {
    background: none repeat scroll 0 0 #222;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    float: left;
    font-weight: bold !important;
    height: 40px;
    outline: 0 none !important;
    padding: 0 15px;
}

Let us know,

Thanks,
laranz.

[Jesper Billeskov]

Hi Laranz,

It almost worked! It looks like there is still a border on the ‘Add to cart’ button: http://skateshop.dk/produkt/element-skateboards-8-0-nyjah-represent/

Besides that, I reckon it’s not possible to change the drop down menu to what I described in the first message?

Cheers
Jesper

[Rui Guerreiro – SUPPORT]

Hi,

To remove that border add this code below to the custom css option.

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button{

border: none!important;
}

Regarding the dropdown I’m afraid it’s not possible.

-Rui

[Jesper Billeskov]

Thank you!

[laranz – SUPPORT]

Hi,

You are welcome 🙂

Let us know, If you have any other queries.

Thanks,
laranz.