Support » Theme: Scratchpad » can I remove the pencils and sharpeners etc

  • Resolved Elizabeth Richardson

    (@lifegames)


    This theme is fabulous, especially as a specialist photography theme because of the wonderful post format display options for images. I am wondering if there is an easy way to remove all of the little pencils, sharpeners and shavings (just the little additions between the posts) to make this one site a little classier?

    photos.lifegames.com.au

Viewing 8 replies - 1 through 8 (of 8 total)
  • Gary Barrett

    (@gary-barrett)

    Hi Elizabeth,

    Please try adding the CSS below to your site in Appearance > Customize > Additionial CSS

    
    svg.highlighter,
    svg.pencil,
    svg.grip-pencil,
    svg.pencil-shaving,
    svg.pencil-sharpener {
        display: none;
    }

    If the CSS doesn’t work, please let me know.

    Thanks šŸ™‚

    Thread Starter Elizabeth Richardson

    (@lifegames)

    I appreciate you getting back to me Gary … but that one isn’t working for me.
    Any other suggestions?

    Elizabeth

    Thread Starter Elizabeth Richardson

    (@lifegames)

    OK. I’ve just done this and it’s worked to remove the key pieces from displaying the theme, but has left a space in some of those spots (I’m sure my css needs cleaning up). Any further assistance to have this css improved will be greatly appreciated šŸ™‚

    /* Highlighter */
    .highlighter {
    	display: none;
    }
    
    /* Sharpener */
    .sharpener0 {
    	display: none;
    }
    
    .sharpener1 {
    	display: none;
    }
    
    .sharpener2 {
    	display: none;
    }
    
    .sharpener3 {
    	display: none;
    }
    
    /* Mars */
    
    .grip-pencil {
    	display: none;
    }
    
    /* Pencil */
    .pencil {
    	display: none;
    }
    
    /* Little Pencil */
    .pencil-little0 {
    	display: none;
    }
    
    .pencil-little1 {
    	display: none;
    }
    
    .pencil-little2 {
    	display: none;
    }
    
    .pencil-little3 {
    	display: none;
    }
    
    .pencil-little4 {
    	display: none;
    }
    
    .pencil-little5 {
    	display: none;
    }
    
    .pencil-little6 {
    	display: none;
    }
    
    /* Pencil Shaving */
    .pencil-shaving {
    	display: none;
    }
    Thread Starter Elizabeth Richardson

    (@lifegames)

    OMG I did it. For anyone else who wants to remove some of the elements from this theme, this additional CSS worked for me. Thank you Gary for your assistance. Appreciated … and I learned how to modify what you gave me to make it work.

    /* Highlighter */
    .highlighter {
    	display: none;
    }
    
    /* Sharpener */
    .pencil-sharpener {
    	display: none;
    }
    
    /* Mars */
    .grip-pencil {
    	display: none;
    }
    
    /* Pencil */
    .pencil {
    	display: none;
    }
    
    /* Little Pencil */
    .little-pencil {
    	display: none;
    }
    
    /* Pencil Shaving */
    .pencil-shaving {
    	display: none;
    }
    Moderator Kathryn P.

    (@zoonini)

    @lifegames – Glad you got this sorted! If you’d like to refactor (simplify) your code a bit, this would accomplish the same thing in fewer lines, since you can target multiple elements separated by a comma in one CSS declaration, as Gary showed you above:

    .highlighter, .pencil-sharpener, .grip-pencil, .pencil, .little-pencil, .pencil-shaving {
      display: none;
    }
    

    @gary-barrett – thanks for pitching in, as always.

    Thread Starter Elizabeth Richardson

    (@lifegames)

    Thank you for teaching me how to refractor my css beautiful Kathryn. Awesome šŸ™‚

    This theme is fabulous. Thank you for all you do.

    Moderator Kathryn P.

    (@zoonini)

    You’re very welcome, Elizabeth. Hope you continue to enjoy Scratchpad!

    Moderator Kathryn P.

    (@zoonini)

    One more thing – noticed that there’s still a pencil at the bottom of single post pages, like:

    http://photos.lifegames.com.au/the-big-red-hen/

    If you’d like to hide it as well, just change the above CSS to include one more element:

    .post-navigation-container .little-pencil, .highlighter, .pencil-sharpener, .grip-pencil, .pencil, .little-pencil, .pencil-shaving {
      display: none;
    }
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘can I remove the pencils and sharpeners etc’ is closed to new replies.