• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1031
  • Last Modified:

CSS - override inline style

Hey Experts, I am looking at my webpage:

www.mamalennyandtheremedy.com

Check out the facebook box. Facebook changed their crap - so now there is a big ugly border within the border that I defined on the Facebook sidebar.

I'm trying to make it white, but none of these tricks do it:

$(document).ready(function () {
    $(".pluginBoxContainer").css("border-color", "white !important");
}
or 

.pluginBoxContainer 
{
    border-color: white !important;
}

.pluginBoxContainer[style] 
{
    border-color: white !important;
}

Open in new window

Please help!

Maybe the sidebar loads later? Why can't I override this inline style?
0
jeffiepoo
Asked:
jeffiepoo
  • 5
  • 5
3 Solutions
 
Kyle HamiltonData ScientistCommented:
It's in an iframe, that is not on your domain, so there is nothing you can do with either css or js.

But you could try this:

.facebookOuter iframe{
border: none;
overflow: hidden;
height: 360px;
width: 357px;
margin: -1px;
}
0
 
jeffiepooAuthor Commented:
Good suggestion. I still get a border on the right of the iFrame though.
0
 
Kyle HamiltonData ScientistCommented:
yes. you need to make sure the width is wide enough for that to go away. you could also set overflow:hidden on the containing element.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
jeffiepooAuthor Commented:
Ahhh ok. To be clear, I had to reset the iframe's width for the facebook box like so:

<div class="fb-like-box"
        data-width="357"

The css didn't do the trick for the width.
0
 
jeffiepooAuthor Commented:
I've requested that this question be closed as follows:

Accepted answer: 250 points for kozaiwaniec's comment #a38796960
Assisted answer: 250 points for kozaiwaniec's comment #a38796978
Assisted answer: 0 points for jeffiepoo's comment #a38796985

for the following reason:

Thanks.
0
 
Kyle HamiltonData ScientistCommented:
hmm. i provided an answer based on which you made the adjustment.
0
 
Kyle HamiltonData ScientistCommented:
why a close request?
0
 
jeffiepooAuthor Commented:
Only because I accepted my solution as part of the accepted solutions. I gave each of yours 250 points, so you have the full 500 once it's closed. :)
0
 
Kyle HamiltonData ScientistCommented:
sorry, i didn't see that.

cheers.
0
 
user_nCommented:
Can you make a picture of your site with print screen and point on it which component on the site you are talking for@
0
 
jeffiepooAuthor Commented:
Thanks
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now