Advertisement:

Author Topic: How to Add Padding/Spaces in Login Box? SMF 2.0.14  (Read 484 times)

Offline desertcities

  • Semi-Newbie
  • *
  • Posts: 44
    • @AdventistNews7 on Twitter
    • Adventist Domains
How to Add Padding/Spaces in Login Box? SMF 2.0.14
« on: September 03, 2017, 12:35:35 AM »
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!

Offline Pipke

  • Jr. Member
  • **
  • Posts: 371
    • NRNS-GAMES
Re: How to Add Padding/Spaces in Login Box? SMF 2.0.14
« Reply #1 on: September 03, 2017, 02:49:05 PM »
open this file http://www.vegerecipes.com/Themes/Nebula_Theme_1/css/colors/bootstrap_green.min.css

find this
Code: [Select]
.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
Code: [Select]
.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

Offline desertcities

  • Semi-Newbie
  • *
  • Posts: 44
    • @AdventistNews7 on Twitter
    • Adventist Domains
Re: How to Add Padding/Spaces in Login Box? SMF 2.0.14
« Reply #2 on: September 03, 2017, 10:17:07 PM »
Thank you very much!

It worked out great.

:)