Support » Themes and Templates » Help with different width/length of text and border in a post

  • Hi, I have a script built to show contacts on a page. I would like the border-top and border-bottom to have the width/length 700px but the text content 520 px. I have tried in different ways but have not been able to set them apart. I would be very grateful if anyone can help me with this! When I create a post for it to appear I do it in html mode like this:

    <div class=”picture”>
    <img src=”http://smicker.se/wp-content/uploads/2012/04/namn.png” alt=”namn” />
    <span>Förnamn Efternamn<em>titel</em></span>
    </div>
    <div class=”info”>
    <h3>Namn, titel</h3>
    <p>presentation</p>
    </div>

    [please follow the forum guidelines for posting code – http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

    So it is after <div class="info"> I want to control the width of the text flow to 520px

    This is the CSS for contacts

    #content.contact{ width: 700px;
    padding: 0px 0px 120px 0px !important;}
    #content.contact .post {
    float: left;
    margin: 20px 20px 0 0;
    width: 150px;
    }
    
    #content.contact .post .picture {
    float: left;
    margin-right: 20px;
    text-align: center;
    cursor: pointer;
    cursor: hand; }
    
    #content.contact .post .picture img {
    display: block;
    opacity: 0.4;}
    
    #content.contact .post .picture:hover img { display: block; opacity: 1.0 !important;}
    #content.contact .post .picture:hover span { color: #f4789c; !important;}
    #content.contact .post .picture span { color: #000; }
    #content.contact .post .info { display: none; }
    #content.contact .post h3 { color: #f4789c; }
    #content.contact img.desaturated { opacity: 0.4; }
    #content.contact .clearers { clear: both; position: relative; top: 10px; }
    #content.contact .clearers img.dot { position:absolute; z-index: 999; }
    
    #content.contact .clearers.info {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-bottom: 20px;
    padding: 20px 0px 20px 0px;
    
    }

    and this is the site
    smicker.se/kontakt

    I’m sorry for my bad English

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Help with different width/length of text and border in a post’ is closed to new replies.