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 Well-Known Member

    Messages:
    482
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    155
    Digital Goods:
    1
    As Seller:
    100% - 6
    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 Member

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    31
    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 Well-Known Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    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 Well-Known Member

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

    alkantenik Well-Known Member

    Messages:
    190
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    138
    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 Member

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    31
    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 Well-Known Member

    Messages:
    482
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    155
    Digital Goods:
    1
    As Seller:
    100% - 6
    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:

    .wide-content-container {
    background: #fff;
    background-repeat: repeat-y;
    background-position: center top;
    clear: both;
    padding-top: 15px;
    padding-bottom: 45px;
    padding-left: 60px;
    padding-right: 60px;
    }
    Code (markup):

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

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

    wordplay Well-Known Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    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