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.

Font problems

Go down

Solved Font problems

Post by Zordon on February 25th 2018, 10:34 pm



How can I make the background of it transparent as my forum and use white font?
I tried looking at my css but couldn't figure it out
I use this I found on another solved topic but it didn''t work

Code:
/*Quote post*/
.quote {
background-color: black !important;
color: white;
}

My css code
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: .9;
  filter: alpha(opacity=40);
      -moz-opacity: .9;
    
}
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: #fff;
}



/*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:black);
border:1px dashed #0000;
}
.content blockquote {
color: black;
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;
color: white;
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: 1px;
border: 4px 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;
}

#wrap { opacity: .9; }

/*Popup Message before you login*/
#login_popup {  
    color: #ffff;
}

/*Widgets*/
.module {
    color: #ffff;
}


/*Tables on Widgets*/
td.column .module {
  border: 1px solid #FFF;
}

/*Post Profile White Box*/
.postprofile {
  width: 18%!important;
  margin-right: 20px!important;
}


Also in order for text in posts and quick reply to be white only with this javascript it worked

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

Any idea of how do it in css without it? Members complain that it's not that bright and that it acting weird while posting because of the javascript
Thanks in advance
avatar
Zordon
Forumember

Male Posts : 65
Reputation : 2
Language : greek

http://prig.forumgreek.com

Back to top Go down

Solved Re: Font problems

Post by SLGray on February 25th 2018, 11:21 pm

Is it all text in the editor or just quotes?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 42685
Reputation : 3003
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Font problems

Post by Zordon on February 26th 2018, 12:55 am

Text just inside the quote. in the quote the text is white and I can't figure out how to change color of it. But first of all I want to change the color of the quote. I want it transparent or black maybe(?) and not colored. And the text white
avatar
Zordon
Forumember

Male Posts : 65
Reputation : 2
Language : greek

http://prig.forumgreek.com

Back to top Go down

Solved Re: Font problems

Post by SLGray on February 26th 2018, 6:17 am

The CSS selector is blockquote.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 42685
Reputation : 3003
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Font problems

Post by Zordon on February 26th 2018, 2:01 pm

What does this mean and what can I do to fix my problem?
avatar
Zordon
Forumember

Male Posts : 65
Reputation : 2
Language : greek

http://prig.forumgreek.com

Back to top Go down

Solved Re: Font problems

Post by Luffy on February 26th 2018, 2:04 pm

He means you have to use
Code:
blockquote { ... }
 and style it as you want.



avatar
Luffy
Manager
Manager

Male Posts : 5234
Reputation : 561
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Font problems

Post by Zordon on February 26th 2018, 2:32 pm

Can you help me do it please? I don't know how to.
avatar
Zordon
Forumember

Male Posts : 65
Reputation : 2
Language : greek

http://prig.forumgreek.com

Back to top Go down

Solved Re: Font problems

Post by Luffy on February 26th 2018, 2:35 pm

Have you tried:
Code:
blockquote {
background-color: black !important;
color: white !important;
}



avatar
Luffy
Manager
Manager

Male Posts : 5234
Reputation : 561
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Font problems

Post by Zordon on February 26th 2018, 2:47 pm

It didn't help unfortunatelly. The quote box remains white and the font color inside of it remains white too.
Also members complain that they cant post at all probably because of the javascript I put. Which is weird because I can. Have the disabled the javascript somehow themselves? But if I remove this all fonts in posting and quick posting turn transparent and impossible to be read.
avatar
Zordon
Forumember

Male Posts : 65
Reputation : 2
Language : greek

http://prig.forumgreek.com

Back to top Go down

Solved Re: Font problems

Post by Zordon on February 26th 2018, 4:20 pm

I decided to remove this skin for good and go back to my old one. Too many problems with it, it's not worth wasting so much of my time without been able to fix it. The whole css code is a mess. Thank your for your time. You can lock this thread
avatar
Zordon
Forumember

Male Posts : 65
Reputation : 2
Language : greek

http://prig.forumgreek.com

Back to top Go down

Solved Re: Font problems

Post by SLGray on February 26th 2018, 6:59 pm

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 42685
Reputation : 3003
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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