SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Addict reboltutorial's Avatar
    Join Date
    Jan 2009
    Posts
    309
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Want to switch to a new wp theme but css glitch problem

    My current theme is this one
    http://reboltutorial.com/_themeslab/monitor-website/

    My new theme would be this one
    http://reboltutorial.com/_themeslab/monitor-website/

    The problem is in the second theme code does show in one line instead of several lines.

    I'm newbie at css, I guess this could be easily corrected, could any css expert tell me how to do this ?

    Thanks.

  2. #2
    Follow Me On Twitter: @djg gold trophysilver trophybronze trophy Dan Grossman's Avatar
    Join Date
    Aug 2000
    Location
    Philadephia, PA
    Posts
    20,580
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Both your links are the same, which is the new theme?

  3. #3
    SitePoint Addict reboltutorial's Avatar
    Join Date
    Jan 2009
    Posts
    309
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Red face

    Quote Originally Posted by Dan Grossman View Post
    Both your links are the same, which is the new theme?
    Oops made a copy and paste mistake !

    Old and current theme
    http://reboltutorial.com/blog/monitor-website/

    New Theme
    http://reboltutorial.com/_themeslab/monitor-website/

  4. #4
    SitePoint Addict reboltutorial's Avatar
    Join Date
    Jan 2009
    Posts
    309
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nobody here knows ? Where else should I try to ask ?

  5. #5
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    at the very bottom of your style.css file, you've declared white-space:nowrap.

    If you remove it, the container will expand.

    Find:

    Code CSS:
    pre {
        margin: 8px 0px;
        padding: 10px;
        clear: both;
        width: 92%;
        overflow: scroll;
        font-family: "Courier New", "MS Sans Serif", sans-serif, serif;
        background: #FFFFFF;
        color: #000000;
        font-size: 13px;
        line-height: 22px;
    white-space: nowrap; /*remove this*/
        border: 1px solid #eeeeee;
    }

    And remove the white-space:nowrap line.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  6. #6
    SitePoint Enthusiast
    Join Date
    Jul 2009
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kohoutek View Post
    Hi,

    at the very bottom of your style.css file, you've declared white-space:nowrap.

    If you remove it, the container will expand.

    Find:

    Code CSS:
    pre {
        margin: 8px 0px;
        padding: 10px;
        clear: both;
        width: 92%;
        overflow: scroll;
        font-family: "Courier New", "MS Sans Serif", sans-serif, serif;
        background: #FFFFFF;
        color: #000000;
        font-size: 13px;
        line-height: 22px;
    white-space: nowrap; /*remove this*/
        border: 1px solid #eeeeee;
    }

    And remove the white-space:nowrap line.
    Hi,

    From my opinion the code you mention here is right and it will work.

    Thanks!!

  7. #7
    SitePoint Addict reboltutorial's Avatar
    Join Date
    Jan 2009
    Posts
    309
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kohoutek View Post
    Hi,
    [/highlight]

    And remove the white-space:nowrap line.
    Thousands Thanks, will try.

    For me CSS is more difficult than C++

  8. #8
    SitePoint Addict reboltutorial's Avatar
    Join Date
    Jan 2009
    Posts
    309
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great it now works !!!


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •