Change wp:cover color to hex code

  • Resolved justanothertechbro

    (@justanothertechbro)


    3 months, 2 weeks ago

    It won’t let me change the color to hexcode and same with textColor

    <!-- wp:group {"metadata":{"categories":["call-to-action","twentytwentyfour_page","featured"],"patternName":"twentytwentyfour/page-newsletter-landing","name":"Steel Framing"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}},"dimensions":{"minHeight":"100vh"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
    <div class="wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background has-link-color" style="min-height:100vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"></div>
    <!-- /wp:group -->

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator mizantium

    (@janmtm)

    Hi @justanothertechbro !

    When I add your block to a test page, it is a Stack Block. From the coding, I see that there are color presets in use. The preset colors can be changed by going to Appearance → Editor → Styles. From there, click on the pencil icon (edit ‘Styles’), then go to ‘Colors’, and click on your palette. Select each color and change the associated HEX code.

    Presets are globally set colors which are editable from there. Otherwise, you can go to the colors inside the Block settings of your Blocks to update these colors. In most cases, they override the presets as well.

    Here is a screenshot illustrating my test using the Block you shared in your Block code above.

    https://d.pr/i/I5db2f

    Hope this helps !

    Thread Starter justanothertechbro

    (@justanothertechbro)

    @janmtm thx

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

Tags