Stop theme Pre tag beautify and use prism to beautify snippets

  • Hi Team,

    I need help with my Hueman theme. How can I stop default pre tag formatting which my theme is doing by default. I want to use Prism to beautify and display snippet on my theme. But its not working and only parent theme style is working. Please have a look at the link how its displayed by theme pre tag and style merged in Prism.

    I tried synatx highlighter plugins that also not working due to this parent theme pre tag formatting. I am using TinyMce advanced editor if this has to do any thing with this issue please help me to resolve this issue.

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Choubey,

    You will need to customize the theme for this. You can also consult with a developer.

    Thanks!

    Thread Starter choubey

    (@choubey)

    Hi Emran,

    Thanks for your reply.

    I have found one alternate way to work with it. I am using child theme but I am not sure how to override these values so I just commented the pre tag formatting in parent theme and prism highlighter worked. The code is commented in style.css and style.min.css. If you have any idea how to override these values please suggest me. The code is :

    .comment code, .entry code, .entry pre {
    font-family: Monaco, “Courier New”, “DejaVu Sans Mono”, “Bitstream Vera Sans Mono”, monospace;
    font-size: 0.6875em;
    }

    .entry pre {
    background: url(../img/pre.png) repeat top;
    padding: 18px 20px;
    margin: 30px 0;
    border: 1px solid #ddd;
    line-height: 19px;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-x: auto;
    overflow-y: hidden;
    }

    .comment code, .entry code {
    background: #eee;
    padding: 0 3px;
    }

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Stop theme Pre tag beautify and use prism to beautify snippets’ is closed to new replies.