Modify Frontend CSS Style

  • Resolved asmarif

    (@asmarif)


    3 months, 1 week ago

    I’m using Astra theme variation. Now, when the quote form is popped up, radio button values are shown in new lines. I need to show those values in line. What needs to be changed in Frontend.css to achieve this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author WPBean

    (@wpbean)

    Hi,

    Please give me your site URL, I will check and provide you a line of CSS code for this.

    Thank You

    Thread Starter asmarif

    (@asmarif)

    Hi,

    I am testing on localhost. Can’t see any option here for attaching the screenshot. All elements of the radio buttons are shown in a new line rather than in the same line.

    Plugin Author WPBean

    (@wpbean)

    Add this CSS code to your site, I hope it will fix this issue.

    .swal2-container .wpcf7-form-control.wpcf7-radio >span {
        display: unset;
        margin: 0;
    }

    .swal2-container .wpcf7-form-control.wpcf7-radio {
        display: inline-flex;
        gap: 20px;
    }

    .swal2-container .wpcf7-form-control.wpcf7-radio >span label {
        display: flex;
        align-items: center;
    }

    .swal2-container .wpcf7-form-control.wpcf7-radio >span label span.wpcf7-list-item-label {
        margin: 0;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.