Return to previous page

"Add to Whishlist" position - by fashionarena

This topic has 13 replies, 5 voices, and was last updated 8 years, 1 months ago ago by Jack Richardson

fashionarena

Participant

February 23, 2016 at 11:45

hello Support,

I need to change the location of “Add to Whishlist” link in single product pages.
I need to be a button, just like “add to cart”

#114373 Copied

12 Answers

fashionarena

Participant

February 23, 2016 at 11:49

#114374 Copied

Eva Kemp

Support staff

February 23, 2016 at 12:06

Hello,

Please provide us with FTP and wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#114377 Copied

fashionarena

Participant

February 23, 2016 at 12:24

Thank you very much!

Please, contact administrator
for this information.

#114389 Copied
Eva Kemp

Support staff

February 23, 2016 at 14:27
Hello,

I’ve added this code in child style.css:
```
@media (min-width: 1200px) {.single-product .yith-wcwl-add-to-wishlist {
    float: right !important;
    margin-top: -143% !important;
    margin-right: -20px !important;
}}
```
Please clear browser cache and check Wishlist button.

Regards,
Eva Kemp.
#114404 Copied
fashionarena

Participant

February 23, 2016 at 14:34

Thank you very much. It’s awesome….
But it is posible to do this for mobile also…?

#114405 Copied
Eva Kemp

Support staff

February 23, 2016 at 18:09
Hello,

In this case I removed the previous code and moved your code in Global Custom CSS to Custom CSS for desktop:
```
.product-information .cart button[type="submit"] {
    width: 180px !important;
    border-radius: 30px;
    background-color: #cc0000;
.single-product .yith-wcwl-add-to-wishlist-146 {
    float: right !important;
    margin-top: -143% !important;
    margin-right: -30px !important;
    border-radius: 30px !important;
    padding-left: 20px !important; 
}
```
Then I added this code in child functions.php file:
add_action('woocommerce_after_add_to_cart_button', 'etheme_wishlist_btn', 20);

and added this code in child style.css:
```
.product-information .yith-wcwl-add-to-wishlist a {
   margin-top: 5px;
}
@media (max-width: 480px){.product-information .cart button[type="submit"] {
    width: 120px !important;
    margin-left: -10px;
}
.product-information .yith-wcwl-add-to-wishlist {
    margin-right: -30px;
}}
```
Check your site now.

Regards,
Eva Kemp.
#114453 Copied
fashionarena

Participant

February 25, 2016 at 14:56

Hello Support,

How can i remove the Add to wishlist hover effect, over the product images?

#114870 Copied
Stan Russell

Participant

February 25, 2016 at 15:24
Hello,

please add following css code to Global Custom CSS:
```
.product-image-wrapper:hover .footer-product{
display:none;
}
```
Regards,
Stan Russell.
#114875 Copied
fashionarena

Participant

March 1, 2016 at 09:07

Hello Support,

After i push “Add to wishlist” button, button changes in “browse wishlist”, but with a different style.
How can i fix this to look like the original “add to wishlist button”?

http://www.fashion-arena.ro/product/fashion-demo-3/

#115552 Copied
Robert Hall

Support staff

March 1, 2016 at 09:17
Hello,

I’ve added this code in Global Custom CSS. Please check it.
```
.product-information .yith-wcwl-add-to-wishlist a{
margin-top: 5px !important;
    padding: 6px 18px;
    display: inline-block;
    -webkit-border-radius: 0;
    border: none;
    padding-left: 35px;
    text-transform: uppercase;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    font-size: 13px;
    background-color: #262626;
    color: #fff;
}
.product-information .yith-wcwl-add-to-wishlist a:before, .product-images .yith-wcwl-add-to-wishlist a:before {
    content: "\f08a";
    font-family: FontAwesome;
    font-size: 16px;
    color: #252525;
    font-style: normal;
    position: absolute;
    left: -2px;
    top: 6px;
}
```
Regards,
Robert Hall
#115556 Copied
fashionarena

Participant

March 1, 2016 at 10:34

I am sorry but i’ve created a topic a few days ago, because my Custom CSS in 8Theme Panel is causing me troubles. https://www.8theme.com/topic/custom-css-bug/

I’ve entered to view you code and i realized that Custom CSS was turned off, and some off CSS lines in Global Custom CSS was missing.
This happened me a few times now, options reset itselfs, some of the CSS lines are cleared and quite often, when i insert CSS in 8Theme Panel don’t work, but if i insert exactly the same code in Child Style.css works fine.

Can you help me?

Please, contact administrator
for this information.

#115600 Copied

Jack Richardson

Support staff

March 2, 2016 at 09:42

Hello,

I tested your Global Custom CSS section in Theme Options and it works without any problems, the code was saved and applied successfully. As for the “Enable Custom CSS file” option you can turn it off as your custom.css file in parent theme is empty. You can add your css code in child style.css or in Theme Options > Custom CSS sections. Also don’t forget to clear server/browser cache after you made some changes.

Best regards,
Jack Richardson.

#115760 Copied
Viewing 13 results - 1 through 13 (of 13 total)