Community Forums › Forums › Archived Forums › Design Tips and Tricks › Balanace Theme Home feature column
- This topic has 8 replies, 3 voices, and was last updated 10 years, 12 months ago by choikh.
-
AuthorPosts
-
March 29, 2013 at 1:03 am #31889choikhMember
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?
/* 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; }
March 29, 2013 at 8:24 am #31918David ChuParticipantHi,
Mandarin - wow! You could try this CSS code:.home-featured-right .enews #subscribe { padding: 0 0 0 50px; text-align: left; }
Dave
Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers
March 29, 2013 at 10:34 am #31937choikhMemberthis is not working
April 3, 2013 at 10:03 am #32844KraftMemberHave you been able to resolve this? It looks good to me, but my sense of design isn't great. ๐
Brandon Kraft
Volunteer
Blog | Twitter
Genesis eNews Extended SupportApril 3, 2013 at 10:26 am #32850choikhMemberI 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. ๐
April 3, 2013 at 10:31 am #32852KraftMemberCan 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
Genesis eNews Extended SupportApril 3, 2013 at 10:53 am #32860choikhMemberI just want to make the two entrie box the same length when view in iphone
April 3, 2013 at 11:03 am #32861KraftMemberOn 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
Genesis eNews Extended SupportApril 3, 2013 at 7:49 pm #32984choikhMemberIt now ok ๐
Thanks!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.