Text transparent issues

Go down

Solved Text transparent issues

Post by Zordon on February 25th 2018, 03:20

Hi. My forum is this http://prig.forumgreek.com/forum
I decided to use a phpBB3 skin which is using transparency but I guess there are mistakes in the css code because I can't figure out how to fix the transparent font in Enter your Password area, widgets text and in Legend (how many members are online and stuff like this)


I had problem writting in post reply and posting and used this javascript which made white the color and at least this was fixed



Code:
$(function(){$(function(){$(".sceditor-container iframe").contents().find("head").append("<style>body,html,code:before,p,table{color:#fff!important;}</style>")})});



My css is



Code:
div.FundalAndreea {
          background-image: url("http://i61.tinypic.com/33pcawi.png");
          background-position: bottom right;
        }
/* Bottom bottom  ! */
body {
background-attachment: fixed;
background-image: url("https://i62.servimg.com/u/f62/14/86/97/06/foreve10.jpg");
background-repeat: no-repeat;
background-position: ;
opacity: .8;
  filter: alpha(opacity=50);
      -moz-opacity: .6;
   
}
img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
/*Done with the help of different tutorials, credit to their respective authors*/



/*Forum box*/
#wrap {
background-color: black; /* Color de fondo */
border: dashed 2px #FFFFF; /* Bordes del foro */
border-radius: 20px; /* Para redondear los bordes */
box-shadow: 5px 5px 5px black; /* Para darle sombra */
}



/*Modify header background*/
.headerbar {
background-color: black; /* For none put transparent */
background-image: url(ttp://illiweb.com/fa/empty.gif);
}



/*Remove white corners*/
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none;
}



/*Modify the navigation menu links*/
ul.navlinks {
border-bottom: none; /*We remove the white border that comes by default */
text-align: center;
}
a.mainmenu {
font-family: Georgia;
font-size: 24px;
font-style: italic;
font-weight: lighter;
letter-spacing: -3px;
line-height: 0.6em;
margin-top: -70px;
text-align: left;
text-shadow: 0px 0px 4px #0000;
text-transform: lower
}
a.mainmenu:hover{
text-decoration: none;
color : #DBA400;
text-transform:lowercase;
}



/*Table of the categories*/
.forabg {
border-style: none; /* Remove white edges */
border-radius: 20px 20px 20px 0px;
border: dashed 1px #ffffff;
margin: 20px;
padding: 5px;
background: url();
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8
}
.forumbg {
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8
}



/*Modify the appearance of each subforum*/
ul.forums {
background-color: transparent; /*To remove the background color*/;
}
.forabg li.row {
border-style: none; /*To remove some of the white edges*/;
}
li.row:hover {
background-color: transparent; /*To remove the hover color*/;
}
ul.forums dd {
border-style: none; /*To remove other white edges*/;
}



/*Separation between WIDGETS and FORUM*/
#main-content {
margin-left: 10px;
}



/*Category header*/
.forabg li.header dd.dterm {
width: 75%; /* Este es el ancho por defecto, si lo cambiais, tendréis que ajustar el resto de anchos */
background-color: black;
}
.forabg li.header dd.topics {
width: 8%; /* Este es el ancho por defecto, si lo cambiais, tendréis que ajustar el resto de anchos */
background-color: black;
display:none;
}
.forabg li.header dd.posts {
width: 8%; /* Este es el ancho por defecto, si lo cambiais, tendréis que ajustar el resto de anchos */
background-color: black;
display:none;
}
.forabg li.header dd.lastpost {
width: 20%; /* Este es el ancho por defecto, si lo cambiais, tendréis que ajustar el resto de anchos */
background-color: black;
}



/*Title of the category*/
.table-title h2, li.header dl.icon dd.dterm {
font-family: Palatino Linotype;
text-align: center;
font-style: italic;
text-transform: uppercase;
}
.table-title, .table-title h2 {
font-size: 30px;
font-family: Georgia;
text-shadow: 0px 0px 4px #ffffff;
text-transform: lowercase;
color: #ffffff;
letter-spacing: -3px;
}



/*Title of the forums*/
a.forumtitle {
font-family: Georgia;
font-style: italic;
font-size: 18px;
letter-spacing: -3px;
color: #ffffff;
}
a.forumtitle:hover{
color : #ffffff;
font-style: normal;
letter-spacing: -1px;
}



/*Description of the forums*/
.desc3 {
background-color: black;
border-radius: 30px 0px 30px 0px;
text-transform: none;
font-family: georgia;
font-size: 12px;
color: #ffffff;
display: block;
line-height: 10px;
text-shadow: 1px 1px 0 #ffffff;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: center;
width: none;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #ffffff;
font-family: Consolas;
font-size: 10px;
letter-spacing: -0.2px;
padding: 1px;
text-transform: none;
}
.formdesc a:hover{
text-decoration: none;
color : #ffffff;
text-transform: uppercase;
}
.formdesc {
background-color: #ffffff;
border-radius: 30px 30px 30px 30px;
display: block;
font-size: 8px;
margin-top: 10px;
padding: 3px;
text-align: center;
}



/*Modify LINKS of the body*/
#main ul.linklist li a {
font-family: Times New Roman;
font-size: 14px;
font-style: italic;
letter-spacing: -1px;
padding: 1px;
}



/*Inside of the category: messages*/

.forabg li.row dd.dterm {
width:75% /*Descriptión and Títle*/
}
/*Lo demás*/
.forabg li.row dd.topics{
width: 10%;
background: black;
border-top: double 4px #ffffff;
font-size: 10px
}
.forabg li.row dd.topics:after {
content: " TOPICS ";
font-size: 10px
}
.forabg li.row dd.posts{
width: 10%;
background: black; 
border-top: double 4px #ffffff;
font-size: 10px
}
.forabg li.row dd.posts:after {
content: " POSTS ";
font-size: 10px
}
.forabg li.row dd.lastpost{
width: 20%;
border: dashed 2px #ffffff; 
border-radius: 0px 0px 20px 20px;
background: black;
}



/*Legends of Groups*/
p em b a.gensmall {
color: #ffff;
font-family: Grand Hotel, Kristen ITC, Georgia;
font-size: 18px;
text-align: center;
}
p em {
font-style: normal;
color: transparent;
}



/*Profiles*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: Georgia;
text-decoration: none;
letter-spacing: -2px;
}
.postprofile {
display: block;
text-align: center;
}
.postprofile dd {
text-align: center;
margin-top: 4px;
}



/*Marco Profile*/
.postprofile {
background-color: none;
border-radius: 30px 30px 0px 30px;
border:1px dashed #ffffff;
float: right;
font-family: Habibi, Georgia;
font-size: 12px;
margin-right: -3px;
padding-top: 10px;
text-align: center;
width: none;
}



/*Spoiler, Code, Appointment*/
dl.codebox {
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 0px 30px 0px 0px;
background: url(\'  \');
border:1px solid black;
}
dl.codebox:hover {
border:1px solid black;
}
dl.codebox dt {
border-bottom:1px dashed #0000;
display:block;
font-size:0.8em;
font-weight:700;
color:#81DAF5;
margin-bottom:3px;
text-transform:uppercase;
font-family: Trebuchet MS, Arial,Helvetica,sans-serif;
}
dl.codebox code {
color:white;
font-family: Consolas, Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px #white;
font-size:11px;
}
blockquote {
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 30px 30px 0px 30px;
background:url(\'http://img507.imageshack.us/img507/2531/fondotransparente.png\');
border:1px dashed #0000;
}
.content blockquote {
color: white;
font-family: Georgia, Arial,Helvetica,sans-serif;
font-style: italic;
font-size:11px;
}



/*Content of the post*/
.postbody .content {
background: black;
border-radius: 15px 15px 0px 0px;
border:1px;
font-family: Happy Monkey, Century Gothic, Georgia,sans-serif;
font-size: 15px;
text-align: justify;
margin-top: 8px;
padding: 5px 5px 15px;
}



/*Effect on the avatar*/
.poster-profile img{
margin-left: 3px;
border: 5px solid #purple;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.poster-profile img:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
div.postprofile dl dt img{
margin-left: 3px;
border: 5px solid #purple;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
div.postprofile dl dt img:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
.postprofile dt a img {
background-color: #purple;
border: 7px outset #purple;
border-radius: 7px 7px 7px 7px;
box-shadow: 0 0 10px #purple;
line-height: 1.2em;
margin-left: -7px;
margin-top: 0;
}



/*Modules*/
.module .h3 {
visibility:hidden;
}
#content-container div#left {
background: url(\'\');
border: dashed 1px #81DAF5;
margin-top:-40px;
margin-left:7px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
position: relative; top: 20px;
}



/*Round some areas*/
input.inputbox, input.button1{
border-radius:8px;
}
.inputbox {
border-radius: 15px 15px 15px 15px;
border: medium none;
display: inline-block;
outline: medium none;
}

/*Signature Limit*/
.signature_div img {
max-width: 500; max-height: 200;
}


Could you please look at it and tell me how to fix this mess? I spent all day without luck. I really want this to work out because I like a lot this skin
avatar
Zordon
Forumember

Male Posts : 66
Reputation : 2
Language : greek

http://prig.forumgreek.com

Back to top Go down

Solved Re: Text transparent issues

Post by SLGray on February 25th 2018, 04:31

CSS Stylesheet

For the Popup Message before you login:
Code:
#login_popup {   
    color: YOUR COLOR;
}

For widgets:
Code:
.module {
    color: YOUR COLOR;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43665
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Text transparent issues

Post by Luffy on February 25th 2018, 12:36

Hello @Zordon,

You can use what SLGray said but instead of that, why do you change every little thing instead of changing the entire thing with one line of code? You can easily do it by adding this in your CSS:

Code:
#wrap { opacity: .9; }

Basically what this code does is that it keeps the original text you want, and then makes them transparent but not too much, just so you can see the background behind it. And this affects the entire forum because
Code:
#wrap
is the element that covers the entire forum. So you can either change them one by one or simply add one line and never think about this issue again. Wink

Regards.
avatar
Luffy
Manager
Manager

Male Posts : 5553
Reputation : 616
Language : Greek, English
Location : Greece

https://help.forumotion.com

Back to top Go down

Solved Re: Text transparent issues

Post by Zordon on February 25th 2018, 13:37

Thank you both. Your codes worked!
Another question now. Any idea of how to enable tables in widgets? Even though I've enabled it they appear without tables
avatar
Zordon
Forumember

Male Posts : 66
Reputation : 2
Language : greek

http://prig.forumgreek.com

Back to top Go down

Solved Re: Text transparent issues

Post by Luffy on February 25th 2018, 13:46

You mean on the main forum or in the portal?

( And it's best to create separated topics for different questions! Wink )
avatar
Luffy
Manager
Manager

Male Posts : 5553
Reputation : 616
Language : Greek, English
Location : Greece

https://help.forumotion.com

Back to top Go down

Solved Re: Text transparent issues

Post by Zordon on February 25th 2018, 13:54

I better make another thread then. Maybe someone else may have similar issues, it will be easier to find my question to be helped as well. Lock this one please and thanks for the help
avatar
Zordon
Forumember

Male Posts : 66
Reputation : 2
Language : greek

http://prig.forumgreek.com

Back to top Go down

Solved Re: Text transparent issues

Post by Luffy on February 25th 2018, 14:02

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
avatar
Luffy
Manager
Manager

Male Posts : 5553
Reputation : 616
Language : Greek, English
Location : Greece

https://help.forumotion.com

Back to top Go down

Back to top


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