SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    848
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS not being applied

    On this site:
    http://bit.ly/MPKkNg

    I'm trying to set the email input box in the sidebar's email subscription box, but the styles are not being applied for some reason. Here's what I added in the theme's style.css:

    HTML Code:
    .widget_wysija input[name="wysija[user][email]"],
    .wysija-input validate[required,custom[email]] {
    padding: 7px;
    margin-top: 10px;
    margin-left: 0px;
    width: 93%;
    font-size: 80%;
    height: 20px;
    color: #909090;
    }
    Any idea what I'm doing wrong?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Always make sure to run your styles through the validator if something's not working: http://jigsaw.w3.org/css-validator/v...rning=&lang=en

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    If you still can't work it out then you need this.

    Code:
    .widget_wysija input[name="wysija[user][email]"],
    .wysija-input  {
    padding: 7px;
    margin-top: 10px;
    margin-left: 0px;
    width: 93%;
    font-size: 80%;
    height: 20px;
    color: #909090;
    }
    Or indeed just this for that email.

    Code:
    .wysija-input  {
    padding: 7px;
    margin-top: 10px;
    margin-left: 0px;
    width: 93%;
    font-size: 80%;
    height: 20px;
    color: #909090;
    }

  4. #4
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    848
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks that fixed it, I'm also noticing that in the sidebar the last face in the Facebook widget needs to be hidden but it is still showing. Here's the code I tried to hide it:

    Code:
    ._43qm li:last-child {
    margin-right: 0;
    display: none !important;
    }

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,507
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    I see 8 images in what I believe is the "facebook widget". What browser are you using, please? Maybe attach a screen shot of the errant layout.

    BTW - the vid, id="waipoua_video-2", is in an iframe with a width of 640px. It is flowing way off the right side of the "sidebar". Is that what you want?

  6. #6
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    848
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks it appears to be a caching issue, will fix the youtube video too, thanks for pointing it out.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •