WordPress.org

Ready to get started?Download WordPress

Forums

Crayon Syntax Highlighter
[resolved] Strange behaviour (7 posts)

  1. WPSpeak
    Member
    Posted 1 year ago #

    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 http://i.imgur.com/GBtOj.jpg

    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 WPSpeak.com

    Regards

    http://wordpress.org/extend/plugins/crayon-syntax-highlighter/

  2. akarmenia
    Member
    Plugin Author

    Posted 1 year ago #

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

  3. akarmenia
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  4. WPSpeak
    Member
    Posted 1 year ago #

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

    Thanks for your reply

  5. akarmenia
    Member
    Plugin Author

    Posted 1 year ago #

    Great, glad you were able to fix it!

  6. onprogramming
    Member
    Posted 1 year ago #

    Hey,

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

    Thanks

  7. onprogramming
    Member
    Posted 1 year ago #

    Nevermind, figured it out :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.