Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Solved] Problem with fields and color of text in fields



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
  • Description:
Hello, please change my title, the code I posted before was wrong. I recently added THIS code to my CSS:
Code:
/*Toolbar*/
    #soloinvitadostopde32 {
        position: ;
        top: 1px;
        z-index: 99999999!important;
          margin-left: -150px;
        }
        #soloinvitadostopde32 a {
        cursor: pointer;
        display: inline-block;
        height: 16px;
        line-height: 26px;
        margin: 0 6px;
          font-size: 20pt;
        font-family: 'Monotype Corsiva';
        font-weight: bold;
          color: #fff;
        }
        #soloinvitadostopde32 a#fa_notifications1 {
          background-repeat: no-repeat;
        background-image: url('http://cdn1.iconfinder.com/data/icons/crystalproject/32x32/filesystems/Globe.png');
        background-size: 30px;
        width: 30px;
          height: 27px;}
        #str {
        display: block;
        overflow: hidden;
        padding: 20px 10px;
        }#str label {
        display: block;
        }
        #str input {
        background-color: #424242;
        border: 1px solid #000;
        color: #000000;
        font-family: Arial, sans-serif;
        font-size: 14px;
        margin-bottom: 5px;
        width: 250px;
        }
        input[type="password"], input[type="text"], textarea {
        -webkit-border-radius: 3px;
        background-color: #fff;
        border: 1px solid #CCC;
        border-radius: 3px;
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
        color: #000000;
        cursor: text;
        display: inline-block;
        line-height: 18px;
        padding: 4px;
        }
        #login_remember_p {
        font-family: helvetica;
        font-size: 11px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        }
        #str .login_remember_p {
        display: inline-block;
        position: relative;
        width: auto!important;
        }
        #buttonlogin input.mainoption {
        background: -moz-linear-gradient(top,#97C92F,#71A00E);
        border: 4px solid #000;
        box-shadow: none;
        color: #000;
        display: block;
        margin-top: 10px;
        padding: 10px 0;
        width: 100%;
        }
       
        #fa_search {
        position: fixed;
        z-index: 99999!important;
        top: 1px;
        margin-left: 150px!important;
        }
        #fa_icon {
          display: none !important;
        }
        #fa_service {
        display: none !important;
        }
        #soloinvitadostopde {
        position: fixed;
        right: 20px;
        top: 1px;
        z-index: 99999999!important;
        }
        #soloinvitadostopde a {
        background: #EAEAEA;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #000!important;
        cursor: pointer;
        display: inline-block;
        height: 16px;
        line-height: 16px;
        margin: 0 3px;
        padding: 7px 10px;
        }
        #soloinvitadostopde a#fa_notifications {
        background: #badcf3;
        }
        .sutlogin {
        background: rgb(223, 223, 223);
        border: 1px solid #242424;
        border-radius: 0 0 3px 3px;
        color: #000000;
        font-family: arial;
        font-size: 13px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        margin-top: 7px;
        padding: 0;
        position: absolute;
        right: 110px;
        top: 30px;
        width: 291px;
        z-index: 999;
        }
        body #fa_toolbar #live_notif .fa_notification {
        background: -moz-linear-gradient(top,rgba(0, 163, 255, 0.74) ,rgba(0, 153, 255, 0.77))!important;}
        body #fa_toolbar #live_notif {
        position: fixed!important;
        bottom: 10px!important;
        left: 10px!important;
        }
        body #fa_toolbar #live_notif .fa_notification {
        background: -webkit-linear-gradient(top, rgba(0, 163, 255, 0.74), rgba(0, 153, 255, 0.77))!important;
        box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.31);
        opacity: 1!important;
        border: 1px solid #017FBB;
        }body #fa_toolbar #fa_menu:hover :visited{
        background: transparent!important;
        }
        html body #fa_right a#fa_notifications.rightHeaderLink {
        background: rgb(186, 220, 243);
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #000!important;
        display: inline-block!important;
        height: 16px;
        line-height: 16px;
        padding: 7px 5px;
        }
        body #fa_toolbar_hidden {
        display: none!important;
        }
        body #fa_hide {
        display: none!important;
        }
        body #fa_menu,body #fa_notifications {
        border-left: 1px solid #333;
        }
        body #fa_toolbar {
        position: fixed;
        border-top: 1px solid #333;
        box-shadow: 0 1px #000, 0 2px 1px rgba(0, 0, 0, .4);
        background-color: #222;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-style: normal;
        padding: 0px;
        border-bottom: 7px solid #EAEAEA;
        background: #35353e;
        }
        body #fa_magnifier {
        display: none!important;
        }
        body #fa_search #fa_textarea {
        color: #ddd;
        outline: none;
        background-image: url("http://i.imgur.com/nVk5EZS.png");
        background-repeat: no-repeat;
        background-position: 4px center;
        width: 150px;
        line-height: 0px;
        text-indent: 0px !important;
        padding-left: 24px!important;
        background-color: rgb(17, 17, 17);
        border-left: 4px solid rgb(84, 90, 99);
        margin: 0px;
        height: 32px;
        border-right: 1px solid #333;
        -webkit-transition: 0.5s;
        -moz-transition-duration: 0.5s;
        -htm-transition-duration: 0.5s;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        border-radius: 0px;
        top: -2px;
        position: relative;
        }
        body #fa_search #fa_textarea:focus {
        width: 220px;
        background-image: url("http://i.imgur.com/1jpriTU.png");
        background-color: white;
        color: rgb(40, 44, 49);
        }
        body #fa_toolbar #fa_right a.rightHeaderLink ,body #fa_share {
        display: none!important;
        }
        #fa_toolbar #fa_menulist {
        padding: 0px;
        background: #EAEAEA;
        border-radius: 0 0 3px 3px;
        min-width: 340px;
        margin-top: 7px;}
        #fa_toolbar #fa_menulist li {
        display: block;
        background-color: transparent;
        border: none;
        height: 42px;
        line-height: 42px;
        padding-left: 20px;
        margin-left: 150px;
        }
        #fa_toolbar #fa_menulist li:hover {
        padding-left: 14px;
        border-left: 6px solid #3995cd;
        color: #fff;
        background: #3a3a3a;
        }
        #fa_toolbar #fa_right .fa_separator {
        display: none!important;
        }
        #fa_toolbar #fa_menulist :link, #fa_toolbar #fa_menulist :visited {
        color: #999!important;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-style: normal;
        display: block!important;}
        #fa_toolbar #fa_menulist :hover:link, #fa_toolbar #fa_menulist :hover:visited {
        background: none!important;
        color: white!important;
        }
        #fa_toolbar #fa_right.notification #notif_list {
        right: 0px!important;
        }
        body #fa_right.welcome #fa_menu #fa_welcome {
        background: -ms-linear-gradient(top,#77AC0B,#71a00e);
        background: -o-linear-gradient(top,#77AC0B,#71a00e);
        background: linear-gradient(top,#77AC0B,#71a00e);
        background: -webkit-linear-gradient(top, rgb(119, 172, 11) 0%,#71a00e 100%);
        background: -moz-linear-gradient(top,#77AC0B,#71a00e);}
        body #fa_toolbar #fa_welcome {
        background: #EAEAEA;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #000!important;
        }
        body #fa_toolbar > #fa_right.notification > #fa_notifications {
        background: -webkit-linear-gradient(top, rgb(221, 110, 0%,#ff811f 100%);
        background: -moz-linear-gradient(top,#DD6E08 ,#ff811f);
        background: -ms-linear-gradient(top,#DD6E08 ,#ff811f);
        background: -o-linear-gradient(top,#DD6E08 ,#ff811f);
        background: linear-gradient(top,#DD6E08 ,#ff811f);}
        body #fa_toolbar #fa_right #notif_list li {
        border-top: 1px solid #faf9f9!important;
        border-bottom: 1px solid #cbcbcb!important;
        position: relative;
        background-image: -webkit-linear-gradient(top,#f1f0f1,#e4e4e4);
        background-image: -moz-linear-gradient(#f1f0f1,#e4e4e4);
        background-image: -ms-linear-gradient(top,#f1f0f1,#e4e4e4);
        background-image: -o-linear-gradient(top,#f1f0f1,#e4e4e4);
        background-image: linear-gradient(top,#f1f0f1,#e4e4e4);}
        body #fa_toolbar #fa_right #notif_list li.see_all {
        background: black;
        border: 1px solid black!important;
        text-align: center;
        }
        body #fa_toolbar #fa_right #notif_list li hr {
        border: none;
        }
        body #fa_toolbar #fa_right #notif_list li .contentText a {
        color: #1E79A4!important;
        text-decoration: none!important;
        }
        body #fa_toolbar #fa_right #notif_list li .contentText a:hover {
        color: #d85724!important;
        }
        #fa_right {
        float: right;
        font-size: 14px;
        margin-right: 20px;
        }

            #fa_toolbar #fa_right #fa_notifications.unread #notif_unread {
            background: #181818;
            background-image: url(http://i.imgur.com/aovdw88.png);
            background-position: 25px 2px;
            background-repeat: no-repeat;
            display: inline;
            padding: 7px 25px 7px 5px;
            color: #FF2020;
            }

Now the code is great, but it also added something extra. When I make a new topic or try to type in my profile edit fields, I can barely see what I type.. and it has something to do with this code. The font is almost completely white when I click to type in these fields. It happens to all of the Profile editing fields on my website... Any idea how to make sure the font stays black? It is black when I'm not typing in the fields, but as I said, when I click on any profile edit field or new topic for example, the font turns white. Someone help me please! lol 

  • Information:
Forum:http://raptorgaming.forumotion.com/Version:PHPBB3
Type:Errors in codeTags:Problem,code:,Adding,minipics,login,(Also,changed,fields




Topic Updated and [ic][code][/ic] tags added!
~ Virus ~

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

2
Offline

  Virus

avatar
★Moderator★
★Moderator★
Hello,

Try replacing your existing code with the below:
Code:
/*Sign in pics*/ 
      .user_login_form input[type="password"], .user_login_form input[type="text"] {
            color: #000!important;
            border: 0px solid #DDD;
            padding: 4px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            }
            .user_login_form input[type="text"] {
            color: #000!important;
            background: url(http://i.imgur.com/rzOu1.png)no-repeat;
            padding-left: 20px;
            }
            .user_login_form input[type="password"] {
            color: #000!important;
            background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
            padding-left: 20px;
            }
        input.search {
            color: #000!important;
            background: url("http://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -701px rgba(0, 0, 0, 0);
  padding-left: 20px !important;
        }
            #username {
            border: 0px solid #DDD;
            padding: 4px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            color: #000!important;
            padding-left: 20px;
            background: white url(http://i.imgur.com/rzOu1.png)no-repeat;
            }
            #password {
            color: #000!important;
            border: 0px solid #DDD;
            padding: 4px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
            padding-left: 20px;
            }

Edit: Replace the other code you send because now that you changed it it might change more.

Powered by PunBB
Currently 0 users have thanked Virus for this post:

3
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
Virus wrote:[link="/t771-problem-with-code-adding-minipics-to-login-also-changed-the-way-fields-look#5070"]Hello,

Try replacing your existing code with the below:
Code:
/*Sign in pics*/ 
      .user_login_form input[type="password"], .user_login_form input[type="text"] {
            color: #000!important;
            border: 0px solid #DDD;
            padding: 4px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            }
            .user_login_form input[type="text"] {
            color: #000!important;
            background: url(http://i.imgur.com/rzOu1.png)no-repeat;
            padding-left: 20px;
            }
            .user_login_form input[type="password"] {
            color: #000!important;
            background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
            padding-left: 20px;
            }
        input.search {
            color: #000!important;
            background: url("http://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -701px rgba(0, 0, 0, 0);
  padding-left: 20px !important;
        }
            #username {
            border: 0px solid #DDD;
            padding: 4px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            color: #000!important;
            padding-left: 20px;
            background: white url(http://i.imgur.com/rzOu1.png)no-repeat;
            }
            #password {
            color: #000!important;
            border: 0px solid #DDD;
            padding: 4px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
            padding-left: 20px;
            }

Edit: Replace the other code you send because now that you changed it it might change more.


Ok so, what am I doing again? I messed up with the first sign in pics code, that isn't doing anything as far as I know. The problem is with the Toolbar code, that's the one editing all the fields and the one causing the problem. Do you know what the problem might be?

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

4
Offline

  Virus

avatar
★Moderator★
★Moderator★
As far as i can see if you only add this rule: [ic]color: #000!important;[/ic] to the element: [ic].user_login_form input[type="password"], .user_login_form input[type="text"][/ic] it shows all fields with black letters.

If that is not true inform me to give it an other try.

Powered by PunBB
Currently 0 users have thanked Virus for this post:

5
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
I have that on both times it happens, and that's on the code I first gave. Thank you for trying though and please tell me if you have any other ideas! Thanks

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

6
Offline

  Virus

avatar
★Moderator★
★Moderator★
I can see you have that but it needs the [ic]!important[/ic] before the ";". Try adding the !important and let me know if anything changed.

Powered by PunBB
Currently 0 users have thanked Virus for this post:

7
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
I added it everywhere I could and it worked! u da best lels im bad

thx topic solved

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

8
Offline

  Virus

avatar
★Moderator★
★Moderator★
Glad i helped! Have a nice evening!

[sucesso="Marked as Solved"]The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been marked as Solved.

If you have further questions, please open a new topic.[/sucesso]

Powered by PunBB
Currently 0 users have thanked Virus for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum