SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict Manna's Avatar
    Join Date
    Apr 2006
    Location
    Vancouver, WA
    Posts
    340
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    WP Blog - text does not wrap when enlarged

    Hi there
    I am using a wordpress theme that I found somewhere on the Net. Changed it by swapping images out and made a few css display adjustments. The problem is when someone has thier browser set for larger fonts the text goes outside the wrapper instead of flowing downwards. Is there a css setting that controls this behavior?
    http://wildflourcookies.com
    Dotty

  2. #2
    WordPress Freelancer banago's Avatar
    Join Date
    Dec 2006
    Location
    Vlorė, Albania
    Posts
    446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I had a look at the source code, but I could not find the style sheet. Can you please post the main style here?
    WPlancer.Com - PHP & WordPress Developer
    ProverbHunter - English Proverbs Explained

  3. #3
    SitePoint Addict Manna's Avatar
    Join Date
    Apr 2006
    Location
    Vancouver, WA
    Posts
    340
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry - here is the style sheet from WP
    body {width:100%;
    margin: 0;
    padding: 0;
    backgroud:url(http://www.wildflourcookies.com/images/bg.jpg);
    background-color:#92212D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    }
    #usermessage{
    color:#000000;
    font-weight:bold;
    font-size:2em;
    text-align:center;
    }
    #wrapper{
    position:relative;
    background: #FFFAC6 url(images/img01.gif) repeat-x;
    margin:auto;
    width:80%;
    font-size:12px;
    }
    #innerwrapper{
    position:relative;
    background:url(http://www.wildflourcookies.com/images/border.jpg) repeat-y;
    margin:auto;
    width:100%;
    z-index:10;

    }
    .alignright{
    float:right;
    margin-right:80px;
    }
    .alignleft{
    float:left;
    padding:10px;
    }

    form {
    margin: 0;
    padding: 0;
    }
    .right{
    float:right;
    }
    .left{
    float:left;
    }

    input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    }

    h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif;
    }

    h1 {
    font-size: 2.3em;
    }

    h2 {
    font-size: 2em;
    }

    h3 {
    font-size: 1em;
    }

    p, ul, ol {
    margin-bottom: 1.8em;
    line-height: 160%;
    }

    ul, ol {
    }

    blockquote {
    }

    a {
    color: #414141;
    }

    a:hover {
    text-decoration: none;
    }

    hr {
    display: none;
    }

    /* Menu */

    #menu {
    width: 100%;
    height: 45px;
    margin: 0 auto;
    padding: 0px 0;
    background: url(images/img02.jpg);
    }

    #menu ul {
    height: 45px;
    margin: 0;
    padding: 0;
    background: url(images/img03.gif) no-repeat;
    list-style: none;
    }

    #menu li {
    float: left;
    height: 45px;
    background: url(images/img03.gif) no-repeat right top;

    }

    #menu a {
    float: left;
    height: 20px;
    margin: 0px;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-size:12px;
    font-weight: bold;
    color: #ccc;
    }

    #menu a:hover {
    color: #FFFAC5;
    height: 25px;
    }

    #menu .current_page_item a {
    height: 45px;
    color: #FFFFFF;
    }

    /* Splash */

    #splash {
    background:url(images/img05.jpg);
    background-repeat:no-repeat;
    background-position:center;
    width: 960px;
    height: 210px;
    margin: 0 auto;
    }


    /* Logo */

    #logo {
    width: 960px;
    height: 11px;
    margin: 0 auto;
    color: #414141;
    }

    #logo h1, #logo h2 {
    margin: 0;
    padding: 0 20px;
    }

    #logo h1 {
    float: left;
    padding-top: 30px;
    letter-spacing: -3px;
    text-transform: uppercase;
    font-size: 3em;
    }

    #logo h2 {
    float: right;
    padding-top: 49px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    }

    #logo a {
    text-decoration: none;
    color: #414141;
    }

    /* Page */

    #page {
    width: 960px;
    margin: 0 auto;
    padding: 30px;
    font-size:12px;
    }

    /* Content */

    #content {
    float: right;
    width: 680px;
    }
    #content p{
    width:560px;
    }
    .post {
    padding-bottom: 20px;
    }

    .post .title {
    margin: 0;
    padding: 5px 20px;
    letter-spacing: -2px;
    border-bottom: 1px dashed #B9B9B9;
    text-transform: uppercase;
    font-size: 24px;
    }

    .post .title a {
    text-decoration: none;
    }

    .post .entry {
    padding: 10px 20px;
    }

    .post .meta {
    height: 26px;
    background: #F5F5F5;
    border-top: 1px solid #E9E9E9;
    text-decoration: none;
    text-transform: uppercase;
    font-size: smaller;
    }

    .post .posted {
    float: left;
    height: 16px;
    padding: 5px 20px;
    }

    .post .permalink, .post .comments {
    float: right;
    height: 16px;
    padding: 5px 20px;
    }

    .post .permalink {
    }

    /* Sidebar */

    #sidebar {
    float: left;
    width: 250px;
    }

    #sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    #sidebar li {
    margin-bottom: 20px;
    }

    #sidebar li ul {
    padding: 20px;
    }

    #sidebar li li {
    margin: 0;
    padding-left: 10px;
    padding-bottom: 5px;
    background: url(images/img04.gif) no-repeat left 50%;
    }

    #sidebar p {
    padding: 0 20px;
    }

    #sidebar h2 {
    height: 20px;
    margin: 0;
    padding: 6px 0 0 20px;
    background: url(images/img07.jpg) no-repeat;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    }

    /* Search */

    #search form {
    padding: 20px;
    }

    #search br {
    display: none;
    }

    #search #s {
    width: 135px;
    }

    /* Footer */

    #footer {
    clear: both;
    width: 960px;
    height: 50px;
    margin: 0 auto;
    padding: 20px 0;
    border-top: 6px solid #3F3F3F;
    font-size: smaller;
    }


    #footer p {
    margin: 0;
    text-align: center;
    line-height: normal;
    }


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
  •