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.

WYSIWYG mode by default - switch editor not working!

View previous topic View next topic Go down

Solved WYSIWYG mode by default - switch editor not working!

Post by PA on August 27th 2015, 9:56 am

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
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://illiweb.com/fa/m/tabs_more1.gif);}
.contract {background: url(http://illiweb.com/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 August 27th 2015, 4:25 pm; edited 1 time in total

PA
Forumember

Posts : 219
Reputation : 2
Language : english

Back to top Go down

Solved Re: WYSIWYG mode by default - switch editor not working!

Post by Ange Tuteur on August 27th 2015, 10:37 am

Hi @PA,

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

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: WYSIWYG mode by default - switch editor not working!

Post by PA on August 27th 2015, 4:25 pm

^You're a genius Ange, thanks.

PA
Forumember

Posts : 219
Reputation : 2
Language : english

Back to top Go down

Solved Re: WYSIWYG mode by default - switch editor not working!

Post by Ange Tuteur on August 27th 2015, 4:33 pm

You're welcome ^^

Topic archived

Have a nice day. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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