I would like to move our favorite button (we use the Favorite plugin) to a specific location within the recipe-card: screenshot (potentially in one of two places).
From my understanding, this should be relatively easy to achieve. It might be possible with JavaScript by repositioning the button, or even with CSS by adjusting the order property in a flex container: MDN reference.
Unfortunately, my technical knowledge is limited, and since this feature isn’t natively available in the theme, I was wondering if you might be able to assist me with this. Your help would be greatly appreciated!
I never give away credentials that easily, so I was wondering if it might be possible to send a piece of CSS or something similar so I can implement it myself.
Okay, unfortunately. Does this also mean that if modifications are made to the plugin and template files, those changes will be overwritten during a future theme update?
I want to emphasize once again that there is no way to move the button you want into the recipe box. If CSS could solve everything, there would be no need for PHP.
If you want to display the button above the recipe card, you can use the following CSS code. However, please note that this CSS may not work perfectly and could cause layout issues on some posts.
Hi,
I would like to move our favorite button (we use the Favorite plugin) to a specific location within the recipe-card: screenshot (potentially in one of two places).
From my understanding, this should be relatively easy to achieve. It might be possible with JavaScript by repositioning the button, or even with CSS by adjusting the order property in a flex container: MDN reference.
Unfortunately, my technical knowledge is limited, and since this feature isn’t natively available in the theme, I was wondering if you might be able to assist me with this. Your help would be greatly appreciated!
Looking forward to your response.
Best regards,
Tim
Hi,
For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you customize it.
Regards,
PenciDesign.
Hi,
I never give away credentials that easily, so I was wondering if it might be possible to send a piece of CSS or something similar so I can implement it myself.
Hi,
You can't customize the button using CSS alone for this request. It requires modifications to the plugin and template files.
Regards,
PenciDesign.
Okay, unfortunately. Does this also mean that if modifications are made to the plugin and template files, those changes will be overwritten during a future theme update?
Hi,
Yes, you will need to modify the template/plugin again after future updates.
Regards,
PenciDesign.
But that's not really a sustainable solution.
And if I want the button just above the recipecard: https://prnt.sc/Tmj9PVVniZz7, is that easier to achieve?
Hi,
I want to emphasize once again that there is no way to move the button you want into the recipe box. If CSS could solve everything, there would be no need for PHP.
Regards,
PenciDesign.
Hi,
I don't want it in the recipe card, but just right above it. That should be easier it seems to me
Hi,
If you want to display the button above the recipe card, you can use the following CSS code. However, please note that this CSS may not work perfectly and could cause layout issues on some posts.
body.single .inner-post-entry.entry-content { display: flex; flex-wrap: wrap; flex-direction: column; } body.single .inner-post-entry.entry-content > * { order: 1; } body.single .inner-post-entry.entry-content > .simplefavorite-button { order: 3; max-width: 220px; } body.single .inner-post-entry.entry-content .penci-recipe-tagged, body.single .inner-post-entry.entry-content > div.wrapper-penci-recipe { order: 4; } body.single .inner-post-entry.entry-content > #ada-inread-7 { order: 5; } body.single .inner-post-entry.entry-content > .penci-single-link-pages { order: 6; } body.single .inner-post-entry.entry-content > .post-tags { order: 7; }Regards,
PenciDesign.