How to Add Padding/Spaces in Login Box? SMF 2.0.14

Started by desertcities, September 03, 2017, 12:35:35 AM

Previous topic - Next topic

desertcities

I'm trying in my limited way to make pretty some the login box.

How would I just add a little padding to the left side of the login box where you enter your name and password?  Not to lengthen the field boxes, just the main box around the fields.

I guess nobody has made a mod to make the login box look sharper?

Thank you!

Pipke

open this file http://www.vegerecipes.com/Themes/Nebula_Theme_1/css/colors/bootstrap_green.min.css

find this

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 15px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}


change to

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px;
    margin: 2px 0 0;
    font-size: 15px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}


if you want more space higher up the padding 5px to lets say 8px
"If something is wrong, fix it if you can. But train yourself not to worry: Worry never fixes anything."

Click here to view my mods for SMF

Hey 👋 Did i helped... you like what i do. You can now buy me a coffee! ☕

desertcities


Advertisement: