Return to previous page

Modals and buttons same width - by emeliech

This topic has 4 replies, 2 voices, and was last updated 6 years, 12 months ago ago by Rose Tyler

  • Avatar: emeliech
    emeliech
    Participant
    April 21, 2017 at 12:46

    Hello,

    We have added modal box for newsletter and call to action buttons on most pages.
    But they are not the same width,
    I wish they can be the same as it would look nicer visually.

    How can I do that?

    The top one is a modal and the two others are buttons.
    https://snag.gy/e5NoFJ.jpg

    Thank you and kind regards,
    Emelie

    #160840 Copied Theme version: Latest WooCommerce version: Latest
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 24, 2017 at 07:17

    Hello,

    Please provide a link to the page with these elements.

    Regards,
    Rose Tyler.

    #160983 Copied
    Avatar: emeliech
    emeliech
    Participant
    April 24, 2017 at 08:47

    Hi

    Yes absolutely.

    Its the modal/buttons in gold with white text.

    Please see private

    Thanks
    Emelie

    Please, contact administrator
    for this information.
    #161003 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 24, 2017 at 12:38

    Hello,

    You can add custom class http://prnt.sc/f06sx5 http://prntscr.com/f06t6i and this code in Custom css:

    .btn-page a {
    width: 320px !important;
}

    Regards,
    Rose Tyler.

    #161044 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.