Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 2, 2023 at 5:49 pm #1377386
    frawer

    Hi,

    I just switched a new site also to Enfold and now I have a problem with formatting Radiobuttons and Checkboxes.

    On:

    Seminarräume in München zu vermieten

    the Radio Buttons and Checkboxes appear above not in front of the Product Options. With the normal WordPress Themes this was working fine, with Enfold ther buttons are shown a line above the options.

    Any ideas how to fix this?

    Thank you very much!!!!

    January 2, 2023 at 7:35 pm #1377392
    Rikard

    Hey frawer,

    Please try the following in Quick CSS under Enfold->General Styling:

    .wc-pao-addon-wrap label {
    display: inline;
}

    Best regards,
    Rikard

    January 2, 2023 at 8:51 pm #1377397
    frawer

    Thanks for your answer, I did as you told but nothing changed. Would be great if you could give it another look.

    Thanks
    Frank

    January 3, 2023 at 4:26 am #1377421
    Ismael

    Hi,

    Thank you for the update.

    Please try to use this css code instead.

    .wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-radio {
    width: auto;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-checkbox {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

    After adding the css code, please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache.

    Best regards,
    Ismael

    January 3, 2023 at 8:37 am #1377435
    frawer

    Hi,

    Thanks a lot for the help. This works great for the radiobuttons but only partially for the checkboxes. The checkboxes now have a to big margin and it seems they don’t react to the margin left setting ( I tried different values , even -10, but the margin don’t change and always stays too big.
    Any more hints are greatly appreciated.

    Frank

    January 4, 2023 at 8:50 am #1377556
    frawer

    anybody any more ideas?

    January 4, 2023 at 4:22 pm #1377613
    frawer

    found a solution – setting margin-left to -75 did the trick. If somebody has a cleaner solution, still very appreciated.

    January 4, 2023 at 4:30 pm #1377617
    Yigit

    Hi Frank,

    Please replace following code

    
.wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-checkbox {
  float: left;
  margin-right: -75px;
  margin-top: 4px;
}

    with following one

    
.wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-checkbox {
  float: left;
  margin-top: 4px;
  width: auto;
}

    Best regards,
    Yigit

    January 4, 2023 at 5:24 pm #1377632
    frawer

    Hi Yigit. Thanks, this works great. I added the a margin-right: 10px as now the text was to close but now it looks great.

    Frank

    January 4, 2023 at 11:49 pm #1377655
    Yigit

    Hi Frank,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.