Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › How to remove these annoying borders

  • This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 9, 2012 at 9:53 am #37562
    cryoffalcon
    Member

    Hi,
    I used firebug facebook fanbox, as I want to get rid of the borders, one border is all around it, 2nd and 3rd both are on top.
    here is the code that i got from firebug but still when I implemented it in my CSS even with !important it didn’t work.

    Code from Firebug

    .fan_box .connections {
    
border-top: 1px solid #D8DFEA;
    
min-height: 150px;
    
padding: 10px 0 4px 10px;
    
}

    When i change it using firebug then it works but when I use it in my CSS, it doesn’t work.
    Here is the link to the testing page where this FB fan box exists http://bloghutsbeta.blogspot.com/2012/04/testing-author.html

    And this is the image just to clarify which borders i am trying to get rid off
    http://content.screencast.com/users/cryoffalcon/folders/Jing/media/eed642fb-cbd4-4b78-a765-ddb56dbee834/borders.png

    April 9, 2012 at 10:52 am #100909
    dclardy64
    Member

    Can you post your css file? Also, can you post how that box is placed on the site? Are you linking in an iframe or something?

    April 9, 2012 at 1:41 pm #100912
    cryoffalcon
    Member

    Hi I am not using an external css file but still i add all my css to external file so it is as you require
    here is the link to css
    http://files.cryoffalcon.com/woro/mycss.css

    and I am not using iframe, here is the code

    April 9, 2012 at 1:55 pm #100914
    TheDoc
    Member

    All of that content is inside an iframe. You cannot change the styles inside an iFrame.

    April 9, 2012 at 2:31 pm #100917
    cryoffalcon
    Member

    the how did this guy do it?
    http://www.deluxetemplates.net/2012/04/moviebox-blogger-template.html

    here is my code for the facebook fanbox, last time i posted i wonder why it didn’t appear

    April 9, 2012 at 2:47 pm #100919
    TheDoc
    Member

    They didn’t do it? I still see the borders on theirs.

    April 9, 2012 at 2:47 pm #100920
    cryoffalcon
    Member

    but they do changed the colors, how did they change colors, its not the same colors that i have

    April 9, 2012 at 2:51 pm #100922
    Senff
    Participant

    Their box still has the 2nd and 3rd borders/lines you want to get rid of. The top blue one, however, they got rid of by using the following embed code:

    The part data-border-color="#f5f5f5" gets rid of the top blue border.

    You’re using a different embed method:

    You might want to try to add the part data-border-color="#f5f5f5", or else just use the same embed code type as those MovieBox guys.

    April 9, 2012 at 2:56 pm #100923
    cryoffalcon
    Member

    thanks for reply senff, but you should see the 3rd one is not white, its like grey and they have made it white too. How can that be done?

    April 9, 2012 at 2:59 pm #100924
    Senff
    Participant

    Your third border is dark grey (#444444) and not light grey (#cccccc) because you have the part colorscheme="dark" in your embed code. That part defines the overall colors of the embed box and basically tells the box to use lighter colors because the background image is dark.

    April 9, 2012 at 3:02 pm #100927
    cryoffalcon
    Member

    Well as you mentioned I noticed it right now ^^
    So, at the end it means we have lost the fight, hehehehe
    but it’s okay better luck next time for me :D
    THANK YOU ALL FOR YOUR EXPENSIVE TIME.
    Take Care.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘CSS’ is closed to new topics and replies.