Disable name edit, heart icon padding, popup customize

And second question,

Is there a way to move heart icon size and padding and add round overit with backround color to it so that is more visible?
Page to see present situation https://mejate.fi/

Third question,

When adding product to wishlist, popup appear in the middle of screen, can it adjust top of screen and customize?

HI there

Please, try to open one topic per question: this way you’ll make life easier to people searching for the answer to their question on this forum

Let’s proceed step by step:
1. There is no option currently to disable title edit form on wishlist page; anyway you can do this via code, adding the following snippet at the end of functions.php file of your theme or child

if( ! function_exists( 'yith_wcwl_disable_title_editing' ) ){
	function yith_wcwl_disable_title_editing( $params ) {
		$params['can_user_edit_title'] = false;

		return $params;
	}
	add_filter( 'yith_wcwl_wishlist_params', 'yith_wcwl_disable_title_editing' );
}

2. Please, try the following CSS code: you can add it to Additional CSS section of theme customizer

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
    top: 10px;
    right: 25px;
    left: auto;
    background: red;
    padding: 7px 10px 5px;
    border-radius: 50%;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist:hover{
    background: #c40000;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i{
    color: #fff;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist img{
    display: none!important;
}

This is the final result on your installation; maybe you can start from here and adjust it to your taste

3. You can move it to the top with the following CSS rule

#yith-wcwl-popup-message {
    top: 15px
}

Regarding customization, if you describe me better what you want to obtain maybe I could suggest some simple CSS

Thank you for respond and im sorry that i made only 1 topic. For now on ill make separate topics!!

Part 3 customization, top bar notification with montserrat font and weight 400 and text colour black. Smaller the box a bit so that it dont have so much space below and above. Fullwidth on mobile and pad.

Now i have orange colour heart icon and after clicking it, it turns full orange and i like it but after i scroll a bit it turns black. How to prevent that? I want it stays full orange so its clear to customers that they have added it in wishlist. You can go check on my page if i wrote unclear.

Regarding Add to Wishlist message, try to use the following CSS

#yith-wcwl-popup-message {
    font-family: "Montserrat";
    font-weight: 400;
    color: black;
    top: 15px;
    line-height: 30px;
}

@media( max-width: 768px ){
    #yith-wcwl-popup-message{
        width: 100%;
        left: 0;
        margin: 0!important;
    }
}

Regarding your other question: could you please explain me better?
Are you talking about your loop or single product page?

everything i asked was in your answers, thank you! Good and fast support!!!!

Hi again

We are doing our best to improve our plugins. Our target is to develop and release the best free plugins for WooCommerce, but to achieve this we need your help. Please leave a good review to support us and help our growth ??

• This reply was modified 4 years, 7 months ago by YITHEMES.