The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

mobile version background and text colours in a message.

View previous topic View next topic Go down

Solved mobile version background and text colours in a message.

Post by rocket2300 on December 30th 2015, 7:27 pm

Hi folks,

Im just wondering is there is any CSS code that will make the background and text
of my mobile version default to the colours of the forum used by a PC user. Some
people are complaining that when they try to put a message on the forum with their
mobile phones that the background is the same colour as the text that they are trying
to type in....ie:- white on white or black on black.

This is a snapshot from one of my moderators when he tried to edit his message, but
it was a white background with white text and my forum default is a dark background
with white text.



Im using Phpbb3.

Many thanks.

Mick


Last edited by Mick-1800 on January 6th 2016, 5:21 pm; edited 1 time in total

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by rocket2300 on January 2nd 2016, 9:56 am

Im guessing the people who normally answer these type of questions are
still on holiday until Monday ?.

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by brandon_g on January 2nd 2016, 1:59 pm

Hello Mick,

First off, is this the url to your forum: http://www.suzuki-intruder.org/ ?

Second, Did you make any recent changes to the site beforr this started happening? Do you have any codes installed on the forum? Do you have any that may affectn? The mobile version? Finally is the user viewing the site from the mobile version or classic version?

I apologize for any delayed reply.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5143
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by rocket2300 on January 2nd 2016, 2:09 pm

Hi Brandon,

Yes thats my forum address. Its a completey new skin from the ground up, so ive made
a few changes to the CSS, but nothing to effect the mobile version that im aware of,
infact there is nothing in my CSS for the mobile version that I can see. The user was
using the classic version on his mobile.

I wasn't expecting a reply until next week, so thats ok Wink

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by brandon_g on January 2nd 2016, 3:54 pm

Ok, may you post your forum css here for us please
Code:
[code] [/code]
tags?

What browser is the user using as well? Does the problem appear only on mobile or on other devices as well?


From your screenshot it almost seems like the editor tools are either disabled or not appearing for him/her? Would that be a correct assumption?

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5143
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by rocket2300 on January 2nd 2016, 5:39 pm

Hi Brandon, here is my CSS.

Code:
#search{
display:none;
}
blockquote {
   border: 1px solid #000000;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}

        #plus_menu {
            background: #000!important;
        }


        .user-basic-info a img {
          background:#FFF;
          height:100px;
          width:100px;
          border-radius:100px;
          box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          padding:3px;
        }
       
.mini_ava img, .lastpost-avatar img {
          background:#FFF;
          border-radius:100px;
          box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          padding:3px;
        }




        .fa_avatar img {
          width:25px;
          height:25px;
          margin-right:5px;
          margin-bottom:-6px;
          -webkit-border-radius:3px;
            -moz-border-radius:3px;
                  border-radius:3px;
        }


        /* Warning buttons */
       
        .mod_mess, .adm_mess {
        margin: 5px auto;
        width: 90%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        }
       
        .mod_mess a.postlink, .adm_mess a.postlink {
        color: #FFF !important;
        text-decoration: underline !important;
        }
       
        /* Administrator bb-Code - message block */
       
        .adm_mess {
        background: #e54858;
        background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
        background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Administrator bb-Code - title */
        .adm_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #B60505; 
        }
           
        /* Administrator BB-Code - text presentation */
        .adm_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i68.servimg.com/u/f68/14/27/90/52/gnome-10.png) no-repeat left center;
        }
       
        /* Moderator BB-Code - message block */
       
        .mod_mess {
        background: #5c93f5;
        background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
        background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Moderator BB-Code - title */
        .mod_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #0D4DD3;   
        }
           
        /* Moderator BB-Code - text presentation */
        .mod_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i68.servimg.com/u/f68/14/27/90/52/gnome610.png) no-repeat left center; 
        }


        #fa_thanks_message img { vertical-align:middle }
        #fa_thanks_message {
          color:#280;
          font-size:16px;
          font-weight:bold;
          text-align:center;
          background-color:1e2a31;
          border:1px solid #BDB;
          border-radius:6px;
          padding:6px;
          margin:10px;
          width:35%;
          margin-left:440px;
}

        #fa_chat_container {
          background:#FFF;
          border:1px solid #556682;
          border-radius:3px;
          position:fixed;
          right:3px;
          z-index:999;
          overflow:hidden;
          min-width:500px;
          min-height:250px;
          transition:300ms;
        }
       
        #fa_chat {
          border:none;
          width:100%;
          height:100%;
        }
       
        #fa_chat_button {
          color:#FFF;
          line-height:30px;
          margin-left:10px;
          padding:0 5px;
          cursor:pointer;
        }
       
        #fa_chat_button.fa_chat_active {
          color:#333;
          background:#FFF;
        }




        ul#privmsgs-menu li {
            font-size: 0px;
        }

       


        .search-box {
        position:absolute;
        top:670px;
        right:0px;
        left:980px;
        }
       




                input[type="text"], textarea.inputbox, input[type="text"]:hover, textarea.inputbox:hover, input[type="text"]:focus, textarea.inputbox:focus {
          border-color: white!important;
        }       
                #search_menu {
          background: #000!important;
        }
                fieldset dl:hover dt label {
          color: #ffffff !important;
          }
            .postbody .content {
            font-size: 12;
        } 
              .postprofile {
          text-align: center;
          width: 20%;
          font-size: 10;
 
         
        }
                .postbody {
          width:79%;
        }
       
        .postprofile, .postprofile dt { position:relative; }
        /* margin above avatar for rank and name */
        .postprofile dl dt img {
        margin-top:80px;
        /* negate margin from fallback */
        margin-bottom:-28px;
        }
        /* fallback for users without avatars */
        .postprofile dt+dd+dd+dd { margin-top:20px; }
        /* username */
        .postprofile dl dt br + strong {
        position:absolute;
        top:0px;
        right:0px;
        left:0px;
          }
        /* rank */

        .postprofile dl dt + dd {
        position:absolute;
        top:20px;
        right:0px;
        left:0px;
 
        }
                    html#sceditor_smilies body {
                    background-image: none;
                    background-color: #ffffff;
                }
body {
background-repeat: repeat-x;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #adadad;
   background-color: #1c272e;
   background-image: url('http://hosted.3rdfleet.com/storp/forums/Themes/Krilliunsmf2/images/theme/backdrop.png');
   background-attachment: scroll;
   font-size: 10px;
   height: auto;
   padding: 10px 0px;
   }

#wrap {

background-repeat: repeat-x;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie26.png');
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
background-color: #12191d;
  width: 86%;
}
.inputbox {
   background-color: #1a242a;

    border: 1px solid #BCBCBC;
   color: #ffffff;
   padding: 2px;
   cursor: text;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

   }
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}
     
.inputbox:hover {
background-color: #1a242a;

    border: 1px solid #BCBCBC;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
    }
input.button1, input.button2, button.button2 {
    font-size: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
fieldset dl {
   padding: 4px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
fieldset.fields1 dt {
   width: 10em;
   border-right-width: 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
fieldset.submit-buttons {
   text-align: center;
   vertical-align: middle;
   margin: 5px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }


dl.codebox {
   padding: 3px;
   background-color: #FFFFFF;
   border: 1px solid #C9D2D8;
   font-size: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;
   }
.forabg {
background-color: #1a242a;
   margin-bottom: 4px;
   clear: both;
   border: 2px solid #;
   padding: 0px 5px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
-o-transition: background-color 0.2s linear; 
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.forumbg {
   background-color: #1a242a;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
-o-transition: background-color 0.2s linear; 
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;


   }
.panel {
   margin-bottom: 4px;
   padding: 0px 10px;
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #1a242a;
border: 1px solid #696868;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

background-color: #1a242a;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.postprofile {
   color: #ffffff;
   margin: 5px 0 0px 0;
   min-height: 80px;
   border-right-style: solid;
   border-right-width: 1px;
   border-color: #4D4D4D;
   width: 19%;
   float: left;
   display: inline;
   position: relative;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main {
   float: left;
   width: 98%;
   margin-left: 20px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main .panel {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main table.table1 {
   margin-bottom: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#ucp-main table.table1 {
   padding: 2px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#tabs {
   line-height: normal;
   margin: 20px 0 -1px 7px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   
/*min-width: 570px;
   */
}
#smiley-box {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
 
   }

ul.profile-icons {
   margin-top: 10px;
   list-style: none;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#message-box textarea {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
.module {
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #1a242a;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }

.signature {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111010;

   }
body.chatbox {

 
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/body-r10.png');

   }

/* Login Popup---------------------------------------------------*/
#login_popup {
background-color: #1a242a;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png') ;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;   
background-repeat: repeat-x;
}

I don't know what browser he was using, im guessing whatever comes with his phone,
but one chap that said it was black on black and I know he was using an iphone. Its
just happening with "some" mobile phones, not all. I tried it on my adroid phone and it
was exactly the same as when I use my PC and was ok.

He never mentioned the editing tools, so not sure if he has a problem with that or not,
but as you rightly say, they don't appear to be there.

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by rocket2300 on January 4th 2016, 3:37 pm

Bump

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by rocket2300 on January 5th 2016, 7:04 pm

anyone ?

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by APE on January 6th 2016, 12:06 am

Hello i Know this can be a problem to some mobile phone browsers the problem is coming fro the browser its self the member will have to update there broswer and make sure all plugin's are uptodate
Get the member to see if they have a problem with any other browsers.

If they do then this is down to there phone and not your forum at all

I just looked at your forum on my Samsung and its showing fine





APE
Manager
Manager

Male Posts : 8333
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by rocket2300 on January 6th 2016, 5:21 pm

@APE wrote:Hello i Know this can be a problem to some mobile phone browsers the problem is coming fro the browser its self the member will have to update there broswer and make sure all plugin's are uptodate
Get the member to see if they have a problem with any other browsers.

If they do then this is down to there phone and not your forum at all

I just looked at your forum on my Samsung and its showing fine

Hi APE and thanks for the reply.

Yes im begining to think the same in that its not a problem with my forum but with certain
phones. I also looked at it with my Samsung and it was perfect. I think we will call this
solved. thumright

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by brandon_g on January 6th 2016, 6:08 pm

Yes certain phones are more sensitive to some things and some browsers better then others. Try asking the user to view the site from the classic version if he wasn't already Wink.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5143
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: mobile version background and text colours in a message.

Post by APE on January 6th 2016, 10:47 pm

Topic solved and archived





APE
Manager
Manager

Male Posts : 8333
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

View previous topic View next topic Back to top


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