Center Cook mode button, recipe adjust, checkbox spacing

Hi there,

For (1), try adding the following under “Edit CSS” in the template editor:

.wprm-toggle-switch-container {
    justify-content: center;
}

The others look like they might be a compatibility problem. Could you try using the Health Check plugin to test? We have a video in our documentation showing you exactly how to do that: https://help.bootstrapped.ventures/article/108-debugging-plugin-problems

Specifically the compatibility mode shown in the video where it basically tests a default theme and no other plugins active.

I downloaded the plugin you recommended. It is my theme and specifically the theme’s default buttons settings I set up to have rounded corners. I changed the radius to 0 and it works for the recipe servings. But how would I be able to have both – radius for standard buttons, but no radius for recipe servings?

I have not figured out the other issue with the check boxes being large OR the maybe it is the line spacing not large enough to separate them more. I did try to change the line spacing in general, but that did not change anything. I just changed the theme a couple days ago, but it also had the same problem – the boxes were touching. Is there a way to change the check box size?

• This reply was modified 1 year, 7 months ago by kallard.

Could you set the radius the way you want it to show up? I’ll have another look for some custom CSS code to fix things.

For the check boxes, it looks like the default might be a bit too large for the small text size. Try adding this:

.wprm-checkbox-container label::before {
height: 12px !important;
width: 12px !important;
}