Hello,
I want to switch the position of the Login Box and the Registration Box, so that the Registration Box is on the left and the Login Box on the right.
I can successfully do it using the “Inspect Element” of Chrome, as shown in the attached file.
But, when I copy/paste the CSS and save it on the GeoDirectory Framework Child: Stylesheet (style.css), something weird happens, as shown in the attached file.
Here is the CSS I’m using:
.login_form_l {
float: right;
border: 1px #ccc solid;
padding: 20px;
width: 30%;
margin-left: 30px;
margin-right: 14%;
margin-bottom: 20px;
}
.registration_form_r {
float: left;
width: 30%;
margin-left: 14%;
border: 1px #ccc solid;
padding: 20px;
/* margin-left: 30px; */
}
How can I fix it? Thank you very much!
Fabrício