HomeWYSIWYG mode by default - switch editor not working!
2 posters
Page 1 of 1
WYSIWYG mode by default - switch editor not working!
by PA Thu 27 Aug - 10:56
Hello, I recently had an update to my forum that changed just the CSS of the forum.. However, the switch editor button is no longer working now and the forum defaults to WYSIWYG even though I said NO to that option in the Admin Control Panel.
Here is the CSS, though I doubt that's the issue.
Otherwise... I don't know what could be the issue?
My forum is pottersarmy.net and the version is phbb3
Here is the CSS, though I doubt that's the issue.
Otherwise... I don't know what could be the issue?
My forum is pottersarmy.net and the version is phbb3
- Spoiler:
- Code:
/*******************************
POTTER'S ARMY CSS
*******************************/
/* Padding for index forums */
.forabg li.row dl.icon { background-position:1% 50% !important; }
.forabg li.row dd.dterm { padding-left:35px !important;padding-right:35px !important; }
/* Styling for index forum text */
a.forumtitle {
color: #125e5e!important;
font-family:playfair display, serif !important;
letter-spacing: -1px !important;
font-size:18px; font-weight: 600;
text-transform: lowercase;
}
/*editor editing */
.sceditor-container textarea { color:#E3C9B0 !important; }
.sceditor-button:hover, .sceditor-button:active, .sceditor-button.hover { background:#a32929 !important; }
/*banner and navbar, positions */
#logo img { width:98.3% !important; padding-right: 0.1px ;}
#page-header .navbar {
position:relative;
bottom:12px;
width:95.2%;
margin:0 auto;
background-color:#547575;
}
.navbar #search-box {
display : none;
}
/*Pagination*/
.pagination .pagination_current, .pagination a {
padding: 2px 5px;
}
.pagination a:link, .pagination a:visited, .pagination a:active {
border: 1px solid #800000;
border-radius:3px;
background-color:#740300;
padding-left:6px;
padding-right:6px;
color:#ffffff;
text-decoration:none;
box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
}
.pagination a:hover {
background: #EFEEEE;
text-decoration: none;
color:#000000;
box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
}
.pagination .pagination_current {
background: none repeat scroll 0% 0% #FFFFFF;
border: 1px solid #545454;
border-radius:3px;
padding-left:6px;
padding-right:6px;
}
.pagination_first, .pagination_last, .pagination_page {
background: none repeat scroll 0% 0% #740300;
border: 1px solid #800000;
}
.pagination_pagetxt {
display:none;
}
/* Board Width */
#wrap {
filter:alpha(opacity=90);
opacity:0.90;
margin-left:265px;
}
#main {
width: 92%;
margin-left: 33px;
}
/* Hover code */
a:link, a:visited, a:active { text-decoration: none; filter:alpha (opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; -moz-border-radius: 6px; }
a:hover { text-decoration:underline!important; filter:alpha (opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -moz-border-radius: 7px; }
.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://2img.net/i/fa/m/tabs_more1.gif);}
.contract {background: url(http://2img.net/i/fa/m/tabs_less1.gif);}
/* Quick reply avatar */
#quick_reply { position:relative }
.qr-avatar {
border-radius: 50px;
max-height: 70px;
max-height: 70px;
border: 1px solid #ccc;
padding: 0px;
background: #fff;
position:absolute;
left:105px;
top:0;
}
.hover {left:10% !important;right:auto!important;top:60px!important;width: 80%!important; height: 280px!important; opacity: 0!important; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; position: absolute;}
#logo:hover .hover {opacity: 1.0;}
/* Post background color *//
.row1 { background-color: #F2F2F2;}
.row2 { background-color: #f9f9f9;}
.row3 { background-color: #F2F2F2;}
/*********************
NIVO SLIDER
*********************/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*
Nivo Slider
*/
.theme-default .nivoSlider {
position:relative;
background:#fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
margin-bottom:50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
/* END SLIDER */
/* forum index, topics, posts, and last post avatar */
.forabg .header .dterm {
text-align:center;
width:100%;
}
.forabg .row .hierarchy {
display:inline-block;
text-align:center;
margin:3px;
margin-bottom: -1px;
width:95%;
}
.forabg .forumDesc {
border:2px solid #0e4848;
display:inline-block;
padding:6px;
width:95%;
background-color:#e7e7e7;
}
.forabg .forumDesc, .forabg .topics {
font-size:10px;
font-weight:normal;
}
.forabg .lastpost { width:20%;}
.forabg .topics { border:none }
.lastpost-avatar {
float: left;
padding: 5px;
}
.lastpost-avatar img {
width: 38px;
height: 38px;
border-radius: 50px;
border: 1px solid #ccc;
}
.forumbg .lastpost-avatar { display:none }
.dropdown {
background:#EEE;
border:1px solid #CCC;
padding:3px;
position:absolute;
}
/* Tipsy Tooltip */
.tipsy{padding:5px;font-size:11px;position:absolute;text-shadow:none;z-index:999}.tipsy-inner{padding:8px 8px 8px 8px;background-color:black;color:white;max-width:200px;text-align:center;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);background:black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px}.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.tipsy-arrow{position:absolute;background:url('http://cuul.tk/img/tipsy.gif') no-repeat top left;width:9px;height:5px}.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-4px}.tipsy-nw .tipsy-arrow{top:0;left:10px}.tipsy-ne .tipsy-arrow{top:0;right:10px}.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-4px;background-position:bottom left}.tipsy-sw .tipsy-arrow{bottom:0;left:10px;background-position:bottom left}.tipsy-se .tipsy-arrow{bottom:0;right:10px;background-position:bottom left}.tipsy-e .tipsy-arrow{top:50%;margin-top:-4px;right:0;width:5px;height:9px;background-position:top right}.tipsy-w .tipsy-arrow{top:50%;margin-top:-4px;left:0;width:5px;height:9px}
/* Font style */
h3{font-family:'playfair display', serif; font-size:23px; font-weight: 700; color:#006666; letter-spacing: -1px;}
body {
font-family: 'Calibri', sans-serif;
font-size: 10px;
color: #222; margin:0px;
padding:0px;
background-color:#dadada;
}
/* Scrollbar CSS */
div::-webkit-scrollbar{ width: 4px; height: 4px; background-color: #B8CFCF; }
div::-webkit-scrollbar-track{ height: 4px; width:4px; background-color: #B8CFCF; }
div::-webkit-scrollbar-thumb{ background-color: #3E5E5E; }
body::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #B8CFCF; }
body::-webkit-scrollbar-track{ height: 8px; width:8px; background-color: #B8CFCF; }
body::-webkit-scrollbar-thumb{ background-color: #3E5E5E; }
/* Link colors */
a:link, a:visited, a:active {
text-decoration: none;
color: #A13030;
}
a:hover {
color: #3E5E5E;
text-decoration: none;
}
a[href*="/u"] {
color: #000000 !important;
}
a[href*="/u"]:hover {
color: #3E5E5E !important;
}
//* Buttons */
.button-large {
text-align:center;
margin:0px 5px 0px 5px;
color: #A13030;
display: inline-block; font-family: 'playfair display', serif; font-size: 18px; font-weight:700; text-transform: lowercase; letter-spacing:-1px;
}
.button-large:hover{color:#3E5E5E;}
.button-small {
text-align:center;
margin:0px 5px 0px 5px;
color: #A13030;
display: inline-block; font-family: 'playfair display', serif; font-size: 14px; font-weight:700; text-transform: lowercase; letter-spacing:-1px;
}
.button-small:hover{color:#3E5E5E;}
.post-buttons-top { margin-top: 3px; }
.button-large.closed {
text-align:center;
margin:0px 5px 0px 5px;
color: #cccccc;
display: inline-block; font-family: 'playfair display', serif; font-size: 18px; font-weight:700; text-transform: lowercase; letter-spacing:-1px;
}
.pinned-topic-row .linkthru{font-size:18px!important;font-family: 'Playfair Display', serif; font-weight:700; text-align: center; text-transform: lowercase; letter-spacing:-1px; color:#A13030!important;}
.forminput, .codebuttons, .textinput, .radiobutton, .checkbox {
background: #ffffff;
color: #000;
font-family: 'calibri', sans-serif;
font-size: 10px;
padding: 2px;
vertical-align: middle;
}
input[type=submit], input[type=button], input[type=reset] {
background: #A13030;
color: #ffffff;
font-size: 8px; text-transform: uppercase;
font-weight: normal;
margin: 3px;
padding: 4px 6px;
text-decoration: none;
border: none; letter-spacing: 1px;
}
.codebuttons {
font-size: 10px;
}
/* Sidebar */
#sidebar{width:210px; height:100%; position: fixed; background-color:#fff; padding:20px;}
#vertical-toggle{height:100%; width:15px;z-index:100;}
.togglebar{height:100%; width:15px; background-color:#A13030; position: fixed; top:0px; left:0px; z-index:100;}
#togglebar2{height:100%; width:15px; background-color:#A13030; position: fixed; top:0px; left:250px; z-index:100;}
.navlink{width:95px; font-family: 'calibri', sans-serif; font-size: 8px; text-transform:uppercase; letter-spacing: 1px; line-height:100%; color:#FFF; background-color:#3E5E5E;padding: 5px 3px; margin:1px; text-align: center;-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
.navdesc{width:90%; padding: 10px; border-style: double;height:100px; border-color:#CCCCCC; text-align: justify; line-height:100%; max-height:100px; overflow: auto;}
.navdesc:first-letter{background-color:#A13030; font-size:18px; text-transform: uppercase; padding: 5px; float: left; color:#FFF;font-family: 'Playfair Display', serif; font-weight:700;line-height:100%; margin-right: 3px;}
.navlink:hover{background-color:#213B3B;}
#leftNav {
width: 15px;
height: 100%;
top: 0px;
right: auto;
left: 0px;
position: fixed;
_position: absolute;
}
#leftNavTog {
position: absolute;
width: 15px;
height: 100%;
right:0px;
cursor: pointer;
background-color:#A13030;
background-position: right center;
}
#leftNavContent {
position: absolute;
right: 15px;
width: 250px;
height: 100%;
overflow: auto;
text-align: center;
color: #000;
background-color:#A13030;
}
/* Other stuff */
.titlename{font-size:24px!important;font-family: 'Playfair Display', serif; font-weight:700; text-align: center; text-transform: lowercase; letter-spacing:-1px; color:#006666!important;}
.titlename a{color:#006666!important;}
.deschold{width:343px; height:150px; text-align: center;}
.descs{padding:10px; width:80%; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; text-align: justify; margin-left:25px; line-height:100%; font-family: 'calibri', sans-serif; font-size:10px;height:75px; overflow: auto; background-color:#F5F5F5;}
.descs:first-letter{background-color:#A13030; font-size:18px; text-transform: uppercase; padding: 5px; float: left; color:#FFF;font-family: 'Playfair Display', serif; font-weight:700;line-height:100%; margin-right: 3px;}
.calgen{font-family: 'calibri', sans-serif; font-size: 8px; text-transform:uppercase; letter-spacing: 1px; line-height:100%;}
Last edited by PA on Thu 27 Aug - 17:25; edited 1 time in total
PA- Forumember
- Posts : 219
Reputation : 2
Language : english
Re: WYSIWYG mode by default - switch editor not working!
by Ange Tuteur Thu 27 Aug - 11:37
Hi @PA,
From what I can tell, this rule is affecting the source code button :
When source code is enabled, the button has the class ".hover." I'd recommend making the class you're using a bit obscure, or set a rule for the source code button which overrides the properties applied to it.
From what I can tell, this rule is affecting the source code button :
- Code:
.hover {left:10% !important;right:auto!important;top:60px!important;width: 80%!important; height: 280px!important; opacity: 0!important; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; position: absolute;}
When source code is enabled, the button has the class ".hover." I'd recommend making the class you're using a bit obscure, or set a rule for the source code button which overrides the properties applied to it.
- Code:
.sceditor-button.sceditor-button-source.hover {
width:auto !important;
height:auto !important;
opacity:1 !important;
position:static !important;
}
Ange Tuteur- Forumaster
-
Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania -
Re: WYSIWYG mode by default - switch editor not working!
by PA Thu 27 Aug - 17:25
^You're a genius Ange, thanks.
PA- Forumember
- Posts : 219
Reputation : 2
Language : english
Re: WYSIWYG mode by default - switch editor not working!
by Ange Tuteur Thu 27 Aug - 17:33
You're welcome ^^
Topic archived
Have a nice day.
Topic archived
Have a nice day.
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania -
Similar topics» The new editor: Is there any way to enable "NON WYSIWYG display" as default?
» WYSIWYG editor is not working
» A possible code to enable WYSIWYG mode for certain forums?
» New WYSIWYG editor ?
» Switch Accounts isn't working
» WYSIWYG editor is not working
» A possible code to enable WYSIWYG mode for certain forums?
» New WYSIWYG editor ?
» Switch Accounts isn't working
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
