Adjust label of radio buttons

[ad_1]

Hi,

I modified the radio buttons (bigger squares) but now I’m not able to adjust the labels (they stick on the bottom):

fbuilder .cff-radiobutton-field .dfield input[type=”radio”] {

width: 25px !important;
height: 25px !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-color: #f7f7f8 !important;
border-radius: 3px !important;
border: 2px solid #f7f7f8 !important;
margin-right: 10px; /* Abstand zwischen Radiobutton und Label */

} fbuilder .cff-radiobutton-field .dfield input[type=”radio”]:checked {

background-color: #f4e784 !important; 
border-color: #f4e784 !important;

} fbuilder .cff-radiobutton-field .dfield {

display: flex;
align-items: center;
justify-content: flex-start;

} fbuilder .cff-radiobutton-field input[type=”radio”] {

width: 25px;
height: 25px;
appearance: none;
background-color: #f7f7f8;
border-radius: 3px;
border: 2px solid #e8f0fe;
margin-right: 10px;

} fbuilder .cff-radiobutton-field input[type=”radio”]:checked {

background-color: #f4e784;
border-color: #f4e784;

} fbuilder .cff-radiobutton-field .dfield label {

margin: 0;
padding: 0;
font-family: 'Poppins Regular' !important;
color: #3c4043; 
font-size: 1rem; 

}

I’ve tried a lot but nothing changes … thank you!

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer