1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Buying $5 for Quick Easy Coding Solution

Discussion in 'Design' started by wordplay, Jul 19, 2013.

  1. #1
    Solution received. Thank you anyway.
    Last edited: Jul 19, 2013
    wordplay, Jul 19, 2013 IP
  2. o_iSniPe_xX

    o_iSniPe_xX Active Member

    Messages:
    302
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    70
    Digital Goods:
    1
    As Seller:
    100% - 4
    As Buyer:
    100% - 0
    #2
    It looks like it's an image. With a width of 994px. So you will need to make the image wider in Photoshop or something.
    o_iSniPe_xX, Jul 19, 2013 IP
  3. Fire Rises

    Fire Rises Greenhorn

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    1. remove padding-left: 60px; padding-right: 60px; from .wide-content-container
    2. you can add width:100%; or set width at any px dimension you want (988px)

    .wide-content-container {
    background-image: url(../images/PageMiddle.png);
    background-repeat: repeat-y;
    background-position: center top;
    clear: both;
    padding-top: 15px;
    padding-bottom: 45px;
    width: 988px;
    }
    Fire Rises, Jul 19, 2013 IP
  4. wordplay

    wordplay Active Member

    Messages:
    275
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #4
    I need to widen the white area surrounding the video -- not an image.
    wordplay, Jul 19, 2013 IP
  5. o_iSniPe_xX

    o_iSniPe_xX Active Member

    Messages:
    302
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    70
    Digital Goods:
    1
    As Seller:
    100% - 4
    As Buyer:
    100% - 0
    #5
    o_iSniPe_xX, Jul 19, 2013 IP
  6. alkantenik

    alkantenik Member

    Messages:
    129
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #6
    .wide-content-container {
    background: #fff;
    background-position: center top;
    background-repeat: repeat-y;
    clear: both;
    padding: 15px 60px 45px;
    }
    alkantenik, Jul 19, 2013 IP
  7. Fire Rises

    Fire Rises Greenhorn

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #7
    .wide-content-container {
    background-color: #FFFFFF;
    clear: both;
    padding-top: 15px;
    padding-bottom: 45px;
    }
    Fire Rises, Jul 19, 2013 IP
  8. o_iSniPe_xX

    o_iSniPe_xX Active Member

    Messages:
    302
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    70
    Digital Goods:
    1
    As Seller:
    100% - 4
    As Buyer:
    100% - 0
    #8
    So just remove the BG image, and make it #fff. Then fix the padding.

    Here is the code to have it aligned with your other video space:

    Code (Text):
    1. .wide-content-container {
    2. background: #fff;
    3. background-repeat: repeat-y;
    4. background-position: center top;
    5. clear: both;
    6. padding-top: 15px;
    7. padding-bottom: 45px;
    8. padding-left: 60px;
    9. padding-right: 60px;
    10. }

    Then also change this to make the bottom the same width:

    Code (Text):
    1. .standard-content-container-bottom, .wide-content-container-bottom {
    2. background: #fff;
    3. background-repeat: no-repeat;
    4. background-position: center top;
    5. height: 7px;
    6. }
    Last edited by a moderator: Jul 20, 2013
    o_iSniPe_xX, Jul 19, 2013 IP
  9. wordplay

    wordplay Active Member

    Messages:
    275
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #9
    I really appreciate your response oIisnipe and FireRises, but alkentenik had the easiest and most direct
    solution (I just cut and pasted his code in).
    I will keep you guys in mind for future coding needs.
    wordplay, Jul 19, 2013 IP