Jump to content

Archived

This topic is now archived and is closed to further replies.

rijans

All Editor Icons are so big

Recommended Posts

rijans

All of the Editor Icons are so big since the upgrade from DMS 1.x to 2.x.

 

Screenshot: http://www.screencast.com/t/8wnBLU02Au

 

Any problem here?


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
Danny

HI,

 

It is likely you have added custom CSS that is effecting the icons in the visual editor. You have most likely used something along the lines of :

 

.icon .fa { font-size: X }

 

You will need to review your custom CSS.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rijans
Not likely. Here's my CSS:
 
 
.wrp .hentry-pad .shareaholic-share-buttons-container ul.shareaholic-share-buttons {
padding: 0 !important;
margin: 0 !important;
}
 
/*I hate space for captions*/
.wp-caption {margin-left: 0px !important; margin-right: 0px !important;}
.wp-caption .wp-caption-text {padding: 0px 0 0px; }
.wp-caption {max-width: 100%; padding: 0px; border:0px}
 
.post-title .entry-title h2{color: #575757 !important;}
h1 a, h3 a, h4 a, h5 a, h6 a {color: #b45f06;}
.dms-breadcrumb-navxt {border-bottom: 1px solid #DDDDDD;}
 
/*not found*/
.notfound input.searchfield {background-color: #615D5B;}
.notfound .subhead {color: rgba(123, 123, 123, 1);}
 
/*change title color on hover*/
.post-title .entry-title a:hover {color:#B45F06; }
 
/*navi bar*/
ul.inline-list > li {border-left: 1px solid;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-6748 {border-right: 1px solid;}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-4956 {border-right: 1px solid;}
.section-navi .navi-wrap {height: 60px;}
.section-navi .navi-left img {max-height: 45px !important; vertical-align: text-top !important;}
.section-navi .pl-nav > li > a {line-height:60px; padding: 0 11px; color:white; opacity:0.9; font-family:sans-serif; font-size: 14px;}
.section-navi .pl-nav > li > a:hover {text-decoration:none;}
.section-navi .navi-searchform {color:white; opacity:0.9; line-height: 60px;}
.section-navi .navi-searchform i:hover {color: #ff6400;}
.section-navi .navi-container {height: initial;}
.headernavi .pl-area-pad {max-height: 60px;}
 
a {color:#B45F06;}
 
/*footer nav and social links*/
ul.inline-list > li:hover {background-color:#ff6400;}
ul.inline-list > li > a {color: white; opacity: 0.9;}
ul.inline-list > li > a:hover {text-decoration:none; color:white; opacity: 1;}
.sl-links i:hover {color: #ff6400;text-decoration:none;}
.socialinks-wrap {color:white; opacity:0.9;}
 
.multi-post .pl-old-loop .hentry {margin-bottom: 0px;}
.pl-old-loop .metabar {margin: 5px 0 9px;}
.pl-old-loop .post-meta .post-title-section {padding-bottom: 0px;}
.pl-old-loop .fpost .post-excerpt {margin: 0em 0;}
.pl-section-pad {padding: 0px 0;}
body .pl-area .pl-section .pl-section > .pl-section-pad {padding: 8px; margin-bottom: 0em; padding-bottom: 0px}
/*DMS 2*/
 
 
@media only screen 
and (max-width : 390px) {
 .dms-breadcrumb-navxt {display:none;} 
 .post-title .entry-title {padding-top:6px;}
}
 
 
@media only screen 
and (max-width : 295px) {
.hentry-pad .post-excerpt {display:none;}
}
 
/*working*/
@media only screen 
and (max-width : 700px) {
  .post-title .entry-title {font-size: x-large;}
  .hentry-pad .post-excerpt {font-size: 15.4px;}
  .post-nav .previous a, .post-nav .next a, .current_posts_info .previous a, .current_posts_info .next a {padding-bottom: 15px;}
}
 
/*working*/
@media only screen 
and (max-width : 800px) {
.post-header .post-thumb {display: none;}
}
 
.headerlogo {margin: 0 .5em .5em 0;}
.post-header .post-thumb.img{cursor: default !important; pointer-events: none;}
 
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post{opacity: initial;}
h4.jp-relatedposts-headline{font-size: larger;}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{font-weight: 600;}
div#jp-relatedposts h3.jp-relatedposts-headline em:before{border-top:none}
div#jp-relatedposts{padding: 0;}
 
.authorsure-author-box p{margin: 0; padding: 4px; font-family: -webkit-body; color: #636363;}
.authorsure-author-box{margin: 10px 0px 8px 0px;}
 
.post-nav [class^="icon-"], [class*=" icon-"]{font-size: x-large; text-decoration: none;}
.post-nav a{color: #000000;}
.post-nav a:hover{color: #ff6400;}
 
a:hover{text-decoration: underline;}
.the-media-html a:hover{text-decoration: none;}
.the-media-html i {font-size: 22px;}
 
::selection{color: white;}
li#html_javascript_adder-13{margin-bottom: 0.5em;}
.pam{padding-left: 0px;}
.the-media-html p{margin: 0;}
 
.widget ul li a:hover{color: #ff6400;}
.widget ul li a{color: #575757; font-weight: 600;}
.widget ul{margin: 0 0 10px 0em;}
.widget ul li{padding-bottom: 9px; font-size: 15px; margin: 0 0 10px 0em;}
.widget ul li img{padding-bottom: 9px; margin: 0 0 10px 0; padding-right: 0.7em;}
.widget form{margin: 0 0 3px;}
.widget .textwidget{padding-top: 3px; padding-bottom: 0;}
.widget .widget-title, .widget .widgettitle{text-align: left; font-size: 18px; background-color: #3a3a3a; color: white; padding-left: 8px; margin-top: 0;}
 
/*coloring the subscription button*/
input.left.button.submit{background: rgb(255, 100, 0); color: white; }
select, textarea, input[type="text"], input[type="email"], .uneditable-input {height: inherit;}
input.left.textfield{margin-bottom: auto;}
 
/*Fix issues in orded list where lines and images get nerrow space among them*/
.post ol li{margin-bottom: 1px;}
.post ol li img{margin-top: 9px; margin-bottom: 9px;}
.post ul li {margin-bottom: 1px;}
.post ul li img{margin-top: 9px; margin-bottom: 9px;}
.post ul li{line-height: 24.7px; font-size: 16px;}
.post ol li{line-height: 24.7px; font-size: 16px;}
 
.fpost .post-excerpt{margin: 0em 0; display:-webkit-box;}
.post-meta{margin-bottom: 0em !important;}
 
p{margin-top: auto;} 
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{margin-bottom: auto;} 
p.first-child{margin-top: auto;}
 
 
/*should get deleted if this class is no more used in header logo*/
.alignleft{margin: 0 1.5em 0.5em 0;}
 
.dms-breadcrumb-navxt{padding: 0px; font-size: 80%; color: rgb(151, 151, 151);}
 
h3 {font-size: 20px}
h4 {font-size: 17px}
.authorsure-author-box h4 {font-size:14px}
 
.continue_reading_link{display: none;}
 
/* Drop caps plugin */
span.cap{color: #FF6400;}
span.cap:before{content: attr(title); color: #ffffff;}
 
/* Top Level Items - Hover */
#megaMenu ul.megaMenu > li.menu-item:hover > a,
#megaMenu ul.megaMenu > li.menu-item > a:hover,
#megaMenu ul.megaMenu > li.menu-item.megaHover > a,
#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover,
#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator {
  color: white;
  border-bottom-color: transparent !important;
  background-color: #FF6400;}
 
/*search >> CSE*/
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"]  {
  padding:3px 7px;
       background-repeat:no-repeat;
       background-position:2px;
  background-color: white;
       color:transparent;
  background-repeat: no-repeat no-repeat;}
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input:focus {background-image:none; color:black;}
#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="submit"] {
position: static;
  color: white;
  background: rgba(255, 100, 1, 1);}
#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input:hover[type="submit"] {
position: static;
  color: white;
  background: rgba(247, 123, 1, 1);}
 
 
/*remove space between excerpsts in post loop*/
.multi-post .hentry .hentry-pad { padding-bottom: 0px; }
.multi-post .hentry{margin: 0 0 12px;}
 
/*remove tags from pages*/
.tags{display: none;}
 
/* .thumbnail {pointer-events: none;cursor: default;text-decoration:none; width: 90px; height:90px;} */
 
/* .contentcolumnbrdr {border:solid;
border-color:#cbd2d6;} */
 
 
body .pl-area .pl-section .pl-section > .pl-section-pad{padding-top: 0;}
.pl-area-wrap .pl-bg-cover{padding-top: 2px;}
#header .pl-area{background-color: #252525;}
div.pl-toolbox-pusher{height: 0px;}
 
#site .navbar{background-color: #252525; background-image: none; box-shadow: none; border-top: none;}
.navbar.pl-color-base .navline > li > a{color: white;}
 
/*//background-color: #252525;*/
.footerbgClr{color: white;}
 
.pagination ul > span.pg, .pagination ul > a:hover span.pg, .pagination ul .wp-pagenavi a:hover, .pagination ul .wp-pagenavi span.current, .pagination.pagenavi > span.pg, .pagination.pagenavi > a:hover span.pg, .pagination.pagenavi .wp-pagenavi a:hover, .pagination.pagenavi .wp-pagenavi span.current {background-color: #ff6400;color: #ffffff;text-decoration: none;}

.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
Danny

Yeah, its your CSS. I just this moment added it to a test site and the icons went huge.

 

https://cloudup.com/cfH7QRSo4LR

 

The CSS causing the issue is this:

 

.post-nav [class^="icon-"], [class*=" icon-"] { ... }

 

The highlighted red part is the problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rijans

Thanks Danny for letting me know. And sory for my misunderstanding!


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
Danny

No need to apologise, its a simple mistake and you're welcome.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×