Join our new community forum for support & discussion

Join Now

Home Support Themes TaskHive Button 100% width

Button 100% width

  • Author
    Posts
  • mzvdesign

    I would like to set 2 buttons (on one page (ID 5394)) to 100% width. – like you have filter button or send message or buy button. Is there any easy css snippet or I have to hire someone?
    https://prnt.sc/w4pufx
    This my snippet unfortunately doesnt works

    add_action( ‘wp_head’, function () { ?>
    <style>

    .page-id-5394 .wp-block-columns .wp-block-buttons .wp-block-button {
    width: 100%;
    }

    </style>
    <?php } );

    ihor developer

    The best way is to select this button in the editor and add some custom CSS class to it (in the right sidebar in the “Advanced” section), like “fullwidth-button”. Then you can add this CSS code to the Appratance/Customize/Additional CSS field:

    .fullwidth-button .wp-block-button__link {width:100%}

    This way you can re-use this CSS class anywhere without using page IDs.

    mzvdesign

    Amazing!! I’m learning a lot thanks to you

Viewing 3 posts - 1 through 3 (of 3 total)

New Reply

This forum has been archived and is no longer accepting new posts or replies. Please join our new community forum for support & discussion.