CSS not being applied

HTML & CSS
1

On this site:

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:

.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

Always make sure to run your styles through the validator if something’s not working: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.alyonatravels.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

3

If you still can’t work it out then you need this.


.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.


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

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:

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

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

Thanks it appears to be a caching issue, will fix the youtube video too, thanks for pointing it out.