Button color change

  • Resolved umberto69

    (@umberto69)


    2 years, 8 months ago

    Hello,
    I have placed the wp recipe widget in the side column of my site, it will look weird but I can’t find the option to change the color of a button.
    I am sending the scheenshot with the hope that someone can help me. Thank you
    SCREENSHOT

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Brecht

    (@brechtvds)

    2 years, 8 months ago

    The color of that button can be changed by editing the snippet template using our template editor: https://help.bootstrapped.ventures/article/53-template-editor

    Thread Starter umberto69

    (@umberto69)

    2 years, 8 months ago

    Hello,
    I watched the video, checked the settings, cloned the template and modified it, but between the blocks I could not find a way to modify it in widgets. Would you be kind enough to tell me what the block is?
    Thank you

    Plugin Author Brecht

    (@brechtvds)

    2 years, 8 months ago

    It doesn’t really matter if the block is in the post content or the widget, that doesn’t make a difference.

    You are using the “Recipe Roundup Item” block, which uses the default roundup template as defined on the WP Recipe Maker > Settings > Recipe Roundup page.

    So make sure to update the template there to this new template you’ve modified.

    Thread Starter umberto69

    (@umberto69)

    2 years, 8 months ago

    Hello,
    I did it.
    I wanted to ask you two more things:
    1. The widget always shows the same recipe, is there a way to set it to show random recipes?
    2. As you can see from the screenshot below, the widget displays the text and the small image on the right. Is there a way to insert it between the title and description and make the text use all the space on the bar?
    Thank you
    SCREENSHOT

    Plugin Author Brecht

    (@brechtvds)

    2 years, 8 months ago

    You can use the [wprm-recipe id=”random” template=”the-template-you-want”] shortcode instead.

    Under “Edit HTML” you can remove the image container div to not have it float to the right.

    Thread Starter umberto69

    (@umberto69)

    2 years, 8 months ago

    Hello,
    thanks for the shortcode
    To center it I solved it as follows:

    <div class="wprm-recipe-roundup-summary-container" align="center">
    [wprm-recipe-name]
    [wprm-spacer]
    [wprm-recipe-image size="200x200" style="rounded"]
    [wprm-recipe-summary]
    [wprm-spacer]
[wprm-recipe-roundup-link text="Vai alla ricetta" style="inline-button" border_color="#000000" border_radius="5px" button_color="#417505" text_color="#ffffff" icon_color="#ffffff"]
</div>

    It looks perfect: SCREENSHOT
    Thanks for the support!

    • This reply was modified 2 years, 8 months ago by umberto69.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Button color change’ is closed to new replies.