We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 34162
    • 1 Posts
    Is there any change on making the font size of the "Code Snippet" as big as others?

    I can read the post but I am not able to read the "code snippet" without keep adjusting the font on my browser to be able to see the "code snippet".

    Thanks
      • 18397
      • 3,250 Posts
      Where exactly is the "Code Snippet" text? Could you provide us with a screenshot?
        • 34162
        • 1 Posts
        Here is an example:

        // --------------------
        // Snippet: ListMenuX
        // --------------------
        // Version: 1.2
        // Date: 2005.05.31
        // [email protected]
        //


        Either the font is too small or the background color distort the text.

        I can hardly read the code without make it a little bigger!
          • 18397
          • 3,250 Posts
          You mean within the text area?
            • 34162
            • 1 Posts
            Yes!
              • 33337
              • 3,975 Posts
              actually, it is ok in IE and IE clones but too little in Firefox !

              Don’t know how it looks in Safari or Mac versions of IE ... (bcz Ryan is on Mac wink )

              regards,

              zi
                Zaigham R - MODX Professional | Skype | Email | Twitter

                Digging the interwebs for #MODX gems and bringing it to you. modx.link
              • A bit small and low-contrast for me as well, although it is better in Safari than Firefox.

                Hee hee...it occurred to me that I’m supposed to be a hot-shot Web developer rolleyes so I just added this to my userContent.css file (in the Chrome folder):

                pre {
                    font-size:1.2em ! important;
                    color:black ! important;
                    }


                Perfect!
                  Studying MODX in the desert - http://sottwell.com
                  Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                  Join the Slack Community - http://modx.org
                  • 34162
                  • 1 Posts
                  Susan,

                  I followed the sample in the usercontent.css like below but did not work until I put your "pre" in front of if then it works. What is the trick?

                    {
                      font-size: 11pt !important
                    }


                  Thanks
                  • That’s just a CSS file. If you look at the "page source" for the forum page, you’ll see that all the quote and code blocks are wrapped in a <pre> tag. So by specifying the css for "pre" elements, and using the ! important expression, you override whatever usual formatting there is for all "pre" tags.

                    If you are not familiar with CSS, I have a number of links on my site to tutorials and articles about it.
                      Studying MODX in the desert - http://sottwell.com
                      Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                      Join the Slack Community - http://modx.org
                      • 34162
                      • 1 Posts
                      Susan,

                      You are most helpful!

                      So that is the magic trick!

                      Thanks