Support » Plugin: Crayon Syntax Highlighter » Strange behaviour

  • Resolved WPSpeak


    I’m writing a tutorial on how to register new sizes for featured image, so here are some codes I use:

    /** Add new image sizes */
    add_image_size( 'grid-thumbnail', 236, 157, TRUE );
    add_image_size( 'single-post-thumbnail', 236, 236, TRUE );
    add_image_size( 'video-small', 110, 73, TRUE );

    However, there is some strange behaviour of the syntax highlighter. Please see the image here

    The first parameter $name is pushed to the right. When I hover it, it slides to the left (as can be seen on the last one in the image attached).

    The blog is


Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author akarmenia


    This might be caused by js errors in the console. What’s your URL?

    Plugin Author akarmenia


    Got it. It’s your CSS:

    .s {
    	background: #bd4141;
    	border: none;
    	color: #f5f5f5;
    	font-size: 13px;
    	float: right;
    	margin: 0 -10px 0 0;
    	padding: 14px 15px;
    	width: 60%;
    	transition: all 0.7s linear 0s;
    	-moz-transition: all 0.7s linear 0s;
    	-webkit-transition: all 0.7s linear 0s;
    .s:hover {
    	width: 90%;

    “s” is the string class in Crayon, and since Crayon doesn’t override any transition properties then they are being applied. Are you able to add more specificity to that CSS? I couldn’t find any other objects with class “s” on that page.

    Thanks for your reply.
    Yes, I’ve another id that can replace s

    Thanks for your reply

    Plugin Author akarmenia


    Great, glad you were able to fix it!


    I am having a problem along the same lines. My theme CSS having it’s own string class.
    How do you “replace s”?


    Nevermind, figured it out 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Strange behaviour’ is closed to new replies.