• Resolved Kat

    (@kativiti)


    hi:.
    My website background Is black, or red if in mobile version.
    How can I edit the lines in nutrition facts, to white?

    Also, since you still not supporting language pt-PT, let me know where can I send the PO file with the translation, because everytime I update, I lose my translations.

    Thank you.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author RogierLankhorst

    (@rogierlankhorst)

    Hi @kativiti,

    Sorry for the late response, I missed the notification!

    Regarding the translation, the best solution would be to upload your pot file here:
    https://translate.wordpress.org/locale/pt/default/wp-plugins/zip-recipes/

    If you click on “development”, https://translate.wordpress.org/projects/wp-plugins/zip-recipes/dev/pt/default/

    You get an “import translations” option at the bottom. I can get you approved as PTE so you can approve the translations.

    As alternative, you can send the files to support(at)ziprecipes.net

    As for the label, this should invert the colors:

    #zrdn-nutrition-label .nutrition-facts, #zrdn-nutrition-label .nutrition-facts{
      background-color:black;
      color:white;
    }
    
    #zrdn-nutrition-label h2.nutrition-facts__title, #zrdn-nutrition-label h2.nutrition-facts__title span {
      color:white;
    }

    Let me know if you have any questions, or need additional help!

    Thank you for your reply.
    I finished and imported full translation for you to check and approve.

    Thanks for the CSS but i think you miss understand my request.
    Your CSS changes the all background in label but i only need the dividers between facts and maybe border.
    Also is it possible to reduce title “Nutricional fact” Font?

    Check page with label.
    /salada-de-alface-com-laranja/

    Regards

    Plugin Contributor Mark

    (@markwolters)

    Hi Kat,

    the ‘nutritional facts’ font can be made smaller by adding the following CSS:

    .nutrition-facts__title {
        font-size: 24px;
    }

    The font defaults to 36px, so 24px is already quite a bit smaller. You can further decrease this by further lowering the px value.

    The dividers can be made white by adding the following CSS:

    #zrdn-nutrition-label .nutrition-facts__header {
        border-bottom: 10px solid white;
    }
    
    #zrdn-nutrition-label .nutrition-facts__table th, #zrdn-nutrition-label .nutrition-facts__table td {
        border-top: 1px solid white;
    }
    
    #zrdn-nutrition-label .thick-end {
        border-bottom: 10px solid white;
    }

    Let me know if you have any other questions.

    Thank you for your help.
    Unfortunately the code didn’t work or was changing wrong titles. Maybe theme is overriding it, don’t know. Making changes using inspect, works but not using wp customiser
    At the end i decided to change directly in CSS file. Just need to remember it in further updates.
    In any case, appreciate the help.

    Plugin Author RogierLankhorst

    (@rogierlankhorst)

    changing in the plugin is not ideal, can you try adding !important behind every line? That might override the theme css.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.