Return to previous page

Some fine tuning - by Jarkko - on WordPress WooCommerce support

This topic has 12 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

Jarkko

Participant

September 20, 2017 at 04:34

Hi, it’s me again 🙂

I’ve added some new features to my site and as usual, I require your help on the fine tuning department.

If you look at page https://www.laatusuklaa.fi/tuote/georgia-ramon-kale-mustard-valkosuklaa/ you will see a product that is not in stock. Users can join a waitlist and be informed when product is available again.

However, the link “Liity odotuslistalle” (join waitlist) is a button very unsimilar looking to the other texts in the group. How would I change the look of the button to a more “unbutton” look and too look like the text “Lisää toivelistalle” next to it?

Also, how would I remove the “Lähetä sähköpostilla” (send by email) link in the group as I don’t need it anymore?

Thanks again!

#172924 Copied WooCommerce version: 3.x

11 Answers
Rose Tyler

Support staff

September 20, 2017 at 07:40
Hello,

Please add this custom code:
```
.single-product .xoo-wl-btn.button {
    background-color: transparent;
    color: #917c27;
    font-size: 13px;
}
.single-product .xoo-wl-btn.button:hover {
    color: #917c27;
    text-decoration: underline;
}
.single-product .email-link {
    display: none;
}
```
Regards
#172938 Copied
Jarkko

Participant

September 20, 2017 at 09:01

Thanks. And then some fine tuning for the fine tuning… 🙂

I tried adding padding and margin to bottom, but no help. How do I get the three remaining items to be on the same line? Currently one of them is higher up than the others.

#172953 Copied

Rose Tyler

Support staff

September 20, 2017 at 09:11

Please change previous code to http://prntscr.com/gndes3

Regards

#172956 Copied

Jarkko

Participant

September 20, 2017 at 09:59

Sadly there’s still a 1px difference between the first and the two other items… and it makes me nuts since you can see the difference clearly.

#172974 Copied

Rose Tyler

Support staff

September 20, 2017 at 10:04

Please try http://prntscr.com/gne1d4

Regards

#172976 Copied

Jarkko

Participant

September 20, 2017 at 10:39

That did it!

I don’t know if this is related or not but: If I go to shop page https://www.laatusuklaa.fi/kauppa/ and add product to wislist (Lisää toivelistalle) it works fine and the font there is fine now. But after the product ois in wishlist and I go to the same product and it shows the “view wislist” option, the font is totally different and hard to read.

It should be font-family: Assistant; text-transform: uppercase; font-size: 12px; color: white; but I don’t know where to add this…

#172986 Copied

Rose Tyler

Support staff

September 20, 2017 at 11:00

I’ve changed code in your Custom css http://prntscr.com/gnep5p Please check.

Regards

#172989 Copied

Jarkko

Participant

September 20, 2017 at 11:11

Works well now, thanks again!

#172990 Copied

Rose Tyler

Support staff

September 20, 2017 at 12:08

You’re welcome!

Regards

#172993 Copied

Jarkko

Participant

September 20, 2017 at 18:46

Well, another thing came up… maybe no surprise?

I added a new product (gift coupon) and on the shop page https://www.laatusuklaa.fi/kauppa/ the buy button differs from the others (it’s the last product with the red bow). I’d like for the button to look the same as the others. Help, please?

#173041 Copied
Rose Tyler

Support staff

September 21, 2017 at 08:24
Please try to add this code in Custom css:
```
.content-product .button{
    background-color: white;
}
.product-details font .button, .product-slide .content-product .button {
    background-color: white;
    border: 1px solid #CBCBCB;
}
.content-product .button:hover {
    color: #000;
    border: 1px solid #000;
}
.product-details .thickbox {
    font-family: Assistant;
    font-size: 13px;
}
.product-details span.price {
    margin-top: 15px;
}
```
Regards
#173057 Copied
Viewing 12 results - 1 through 12 (of 12 total)