@jaeveedee, @tuanphan - I've managed to alter the check box & radio box elements (see below) - it's a little more work to change the drop down selection menus and I haven't had any success with those yet. Any input would be great…
/* Radio Buttons */
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.option input[type="radio"]:active {
cursor:pointer;
width:30px;
height:30px;
background-color:#0e1021;
border-radius:50%;
}
/* Selected */
.option input[type="radio"]:checked {
cursor:pointer;
Hi @tuanphan, I'm looking to change the color and size to fit in more with the rest of the site so the dot on the boxes is orange, the circle around is white. The same for drop downs too really, just so they fit in a bit better.
Thanks for the help.
Site URL: https://www.theministryofdesign.co.uk
@tuanphan is it possible to style radio buttons, drop downs & check boxes within forms? I’ve managed to do input fields & text styles but can’t work out how to do the radio boxes etc. Any help would be greatly appreciated.
@tuanphan though it may seem I have solved this on the desktop it just produces the generic link icon in the mobile nav. So what I do need assistance with is changing the generic link icon in the mobile nav using the font awesome icon I’ve used. I’ve temporarily hidden it on the mobile nav until I find a solution. Any help would be appreciated.
Site URL: http://www.theministryofdesign.co.uk
Is it possible to add an image to the right of the social icons as a link instead of a button? What I want to do is change the button out for an icon that link through to the 'login' page rather than text or a button.
Thanks in advance.