Massive Addons Pricing Box - by ejder077

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

  • Avatar: ejder077
    ejder077
    Participant
    October 11, 2019 at 09:11

    Hi,

    I am using the pricing box but the phone version is ugly.

    Is there any possibility that the “Pricing Legend” can move next to the “Column” on the phone version?

    Like this: https://ibb.co/fMfLKMm?

    Thank you

    13 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2019 at 09:25

    Hello,

    This element comes from Massive Addons plugin, our theme doesn’t affect this, so there are no additional settings from our side.
    You can add this code in Custom CSS for page:

    @media screen and (max-width: 768px) {
        .mpc-pricing-box .mpc-pricing-legend {
            order: 2;
        }
    }

    Regards

    Avatar: ejder077
    ejder077
    Participant
    October 11, 2019 at 09:44

    OK

    Also, may I ask how can I set the button to align to the center?
    https://ibb.co/5vr10Ty
    https://ibb.co/84dmBVD

    Thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2019 at 09:46

    You can add mob-center or text-center custom class in settings of the element.

    Regards

    Avatar: ejder077
    ejder077
    Participant
    October 11, 2019 at 09:50

    Hi,

    It is still the same

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2019 at 09:52

    Hello,

    Could you provide URL?

    Regards

    Avatar: ejder077
    ejder077
    Participant
    October 11, 2019 at 09:59
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2019 at 10:13

    Hello,

    Please use this code

    .mpc-button {
            display: block;
            margin: 0px 23% !important;
    }

    http://prntscr.com/phu4qn

    Regards

    Avatar: ejder077
    ejder077
    Participant
    October 11, 2019 at 10:32

    Hi,

    This is definitely not center: https://ibb.co/vw4z8WL

    Also, it changes the shape of the current buttons.
    Before: https://ibb.co/RcY25Wr
    After: https://ibb.co/8Bnm9yf

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2019 at 10:38

    Hello,

    Please change this code http://prntscr.com/phuian
    to http://prntscr.com/phuilj

    Regards

    Avatar: ejder077
    ejder077
    Participant
    October 11, 2019 at 10:46

    But it is affecting the other buttons’ setting:
    https://ibb.co/wNJT56b

    Before: https://ibb.co/RcY25Wr
    After: https://ibb.co/8Bnm9yf

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2019 at 10:55

    In this case, add a custom class here – https://prnt.sc/phuqlz > http://prntscr.com/phurnw The code should be placed inside the media query as shown in the screenshot.

    .mob-center-btn.mpc-button {
            display: block !important;
            margin: 0px 23% !important;
    }

    Regards

    Avatar: ejder077
    ejder077
    Participant
    October 11, 2019 at 11:46

    Thank you. It is great now.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2019 at 12:03

    You’re welcome!

    Regards

  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Massive Addons Pricing Box’' has been successfully resolved, and the topic is now closed for further responses

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