Balanace Theme Home feature column

Community Forums Forums Design Tips and Tricks Balanace Theme Home feature column

This topic is: resolved

This topic contains 8 replies, has 3 voices, and was last updated by  choikh 1 year, 3 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #31889

    choikh
    Participant
    Post count: 22

    I am using balance theme and I want to add a eNew Extend Widget to the location Home Feature Right.

    However, it ends up with wired input box…

    How should I change the code to make it to a better look?

    My site here

    [code]

    /* Home Featured
    ------------------------------------------------------------ */

    #home-featured {
    background: url(images/gray-texture.jpg);
    margin: 0 0 60px;
    }

    #home-featured .wrap {
    padding: 35px 0;
    }

    .home-featured-left {
    float: left;
    width: 480px;
    }

    .home-featured-left,
    .home-featured-left p {
    color: #888;
    font-size: 14px;
    text-shadow: #fff 1px 1px;
    }

    .home-featured-left h4.widgettitle {
    font-size: 26px;
    margin-bottom: 20px;
    }

    .home-featured-right {
    background: url(images/dashes-bg.png) #d05353;
    border: 5px solid #fff;
    float: right;
    font-size: 16px;
    margin: -50px 0;
    width: 430px;
    }

    .home-featured-right,
    .home-featured-right p,
    .home-featured-right h4.widgettitle {
    color: #fff;
    text-shadow: #a64242 -1px -1px;
    text-align: center;
    }

    .home-featured-right p {
    font-size: 16px;
    margin-bottom: 20px;
    }

    .home-featured-right .widget {
    margin: 35px;
    }

    .home-featured-right h4.widgettitle {
    font-size: 26px;
    margin-bottom: 20px;
    }

    .home-featured-right input[type=text] {
    -moz-box-shadow: inset 0 1px 2px 1px #eee;
    -webkit-box-shadow: inset 0 1px 2px 1px #eee;
    background: #fff url(images/email-icon.png) no-repeat 16px 15px;
    border-bottom: none;
    border-left: 1px solid #963c3c;
    border-right: none;
    border-top: 1px solid #963c3c;
    box-shadow: inset 0 1px 1px 1px #eee;
    color: #bbb;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 9px;
    padding: 14px 15px 14px 45px;
    text-transform: uppercase;
    width: 180px;
    }

    #home-featured .home-featured-right input[type=submit] {
    background: url(images/email-button.png) no-repeat !important;
    border: none;
    font-size: 0;
    height: 28px;
    margin: 0 0 0 15px;
    line-height: 0;
    text-indent: -9999px;
    width: 26px;
    }

    /* eNews and Update Widget
    ------------------------------------------------------------ */

    .enews-widget {
    background: url(images/dashes-bg.png) #d05353 !important;
    border-bottom: none !important;
    color: #fff;
    font-size: 16px;
    text-align: center;
    }

    .home #sidebar .enews,
    .home #sidebar .enews-widget {
    display: none;
    }

    #sidebar .enews {
    padding: 20px 20px 0;
    }

    #footer-widgets .enews {
    padding: 20px;
    }

    .enews p {
    color: #fff !important;
    font-size: 16px;
    padding: 0;
    text-align: center;
    text-shadow: #a64242 -1px -1px;
    }

    .enews #subscribe {
    padding: 0;
    }

    .enews #subbox {
    -moz-box-shadow: inset 0 1px 2px 1px #eee;
    -webkit-box-shadow: inset 0 1px 2px 1px #eee;
    background: url(images/email-icon.png) no-repeat 16px 15px #fff;
    border-bottom: none;
    border-left: 1px solid #963c3c;
    border-right: none;
    border-top: 1px solid #963c3c;
    box-shadow: inset 0 1px 1px 1px #eee;
    color: #bbb;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 9px;
    padding: 14px 15px 14px 45px;
    width: 160px;
    text-transform: none;
    }

    .enews #subbox1 {
    -moz-box-shadow: inset 0 1px 2px 1px #eee;
    -webkit-box-shadow: inset 0 1px 2px 1px #eee;
    background: url(images/name.png) no-repeat 16px 15px #fff;
    border-bottom: none;
    border-left: 1px solid #963c3c;
    border-right: none;
    border-top: 1px solid #963c3c;
    box-shadow: inset 0 1px 1px 1px #eee;
    color: #bbb;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 9px;
    padding: 14px 15px 14px 45px;
    width: 160px;
    text-transform: none;
    }

    .enews h4.widgettitle {
    color: #fff;
    font-family: Georgia, "Times New Roman", Times;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
    text-shadow: #a64242 -1px -1px;
    text-transform: none;
    }

    #subbutton {
    background: #fff;
    color: #555;
    margin-top: 15px;
    text-shadow: #fff 1px 1px;
    }

    [/code]

    #31918

    David Chu
    Participant
    Post count: 1329

    Hi,
    Mandarin – wow! You could try this CSS code:

    [css]
    .home-featured-right .enews #subscribe {
    padding: 0 0 0 50px;
    text-align: left;
    }
    [/css]

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #31937

    choikh
    Participant
    Post count: 22

    this is not working

    #32844

    Kraft
    Participant
    Post count: 86

    Have you been able to resolve this? It looks good to me, but my sense of design isn’t great. :-)


    Brandon Kraft
    Volunteer
    Blog | Twitter | Business
    Genesis eNews Extended Support

    #32850

    choikh
    Participant
    Post count: 22

    I have make it work on screen wider than it can display for both featured left and right.

    for a smaller screen, or mobile. It still sucks. :(

    #32852

    Kraft
    Participant
    Post count: 86

    Can you be more exact on what sucks? I could suggest some changes but don’t want to waste your time.


    Brandon Kraft
    Volunteer
    Blog | Twitter | Business
    Genesis eNews Extended Support

    #32860

    choikh
    Participant
    Post count: 22

    I just want to make the two entrie box the same length when view in iphone

    #32861

    Kraft
    Participant
    Post count: 86

    On line 2248 of your style.css, you’ll see

    .enews #subbox, .s {

    change that to

    .enews #subbox, .enews #subbox1, .s {


    Brandon Kraft
    Volunteer
    Blog | Twitter | Business
    Genesis eNews Extended Support

    #32984

    choikh
    Participant
    Post count: 22

    It now ok :)

    Thanks!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.