blue outline on photos

  • tom-kroscavage

    (@tom-kroscavage)


    15 years, 2 months ago

    How can I remove the blue border around my photos on my site? Also can I get rid of the TEKs?

    STYLE.CSS

    body {margin:0;padding:0}
    #tek_logo {display:block;margin:0px 0 0px 0;float:left;background:url(‘images/logo.png’);width:90%;max-width:900px;min-width:500px;height:115px}
    #tek_logo span {display:none}
    .tek_container {width:90%;max-width:900px;min-width:500px;margin:0 auto}

    #tek_topmenu {list-style:none;float:right;margin:0;padding:0}
    #tek_topmenu li {float:left;color:#666;font-family:sans-serif;font-size:0.8em;padding:0 0.5em}
    #tek_topmenu li a {float:left;color:#666;text-decoration:underline}
    #tek_topmenu li a:hover {color:#33f}

    #tek_description {background:#1E85D9 url(‘images/description.gif’) repeat-x;margin:0;padding:0;width:100%;padding:10px 0}
    #tek_description p {color:#fff;font:0.8em sans-serif}

    p, h1, h2, h3, h4, h5, h6 {color:#666}
    a {color:#005495;text-decoration:none}
    p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:underline}
    h1, h2, h3, h4, h5, h6 {font-family:tahoma,sans-serif;font-weight:normal}
    h1 {font-size:1.8em;margin:0.5em 0 0 0}
    h2 {font-size:1.5em}
    h3 {font-size:1.3em}
    h4 {font-size:1.15em}
    h5 {font-size:1em}
    h6 {font-size:0.9em}
    p {font-family:sans-serif;font-size:0.8em}
    img {margin:10px}
    img a {border:1px solid #ccc}
    img a:hover {border:1px solid #005495}
    blockquote {margin-left:2em;font-style:italic;font-weight:bold}
    #tek_content ul, #tek_content ol {margin:0.5em 0;font-family:sans-serif;font-size:0.7em;margin:0.2em 0;padding:0 0 0 2em}
    #tek_content ul li, #tek_content ol li {color:#666}

    .tek_postinfo {font-size:0.6em;border-bottom:1px solid #ccc;padding-bottom:10px}

    #tek_content {margin:0 180px 30px 0}
    #tek_content textarea {width:500px}
    #tek_sidebar {margin:10px 0 0 0;width:150px;float:right;border-left:1px solid #ccc;padding:0 0 15px 15px}
    #tek_sidebar ul {list-style:none;margin:0;padding:0}
    #tek_sidebar ul li {margin:0;padding:0}
    #tek_sidebar ul li h2 {margin:0.5em 0 0 0;font-size:1.1em}
    #tek_sidebar ul li ul {list-style:none;margin:0 0 20px 0;padding:0}

    #tek_sidebar ul li li {font-family:sans-serif;font-size:0.7em;margin:0.3em 0;color:#666}
    #tek_sidebar ul li li a {text-decoration:none}
    #tek_sidebar ul li li a:hover {text-decoration:underline}

    #tek_footer {width:100%;clear:both;margin:0;background:#8CBA41 url(‘images/footer.png’) repeat-x;padding:0}
    #tek_footer ul {list-style:none;margin:0;padding:0}
    #tek_footer ul li {float:left;margin:0;padding:0;color:#fff;font-family:sans-serif;font-size:0.7em;margin:0;padding:0;line-height:20px}
    #tek_footer ul li a {color:#fff;text-decoration:none;margin:0;padding:0 0.4em}
    #tek_footer ul li a:hover {color:#33f}
    #tek_footer .tek_right {float:right}

    .tek_clear {clear:both}

    #tek_mainmenuwrapper {margin:10px 0 0 0;width:100%;clear:both;background:#6E9F1F url(‘images/mainmenu.png’) repeat-x}

    #tek_mainmenu {background:#6E9F1F url(‘images/mainmenu.png’) repeat-x;font-family:tahoma,sans-serif;font-weight:normal;font-size:1.3em;}
    #tek_mainmenu, #tek_mainmenu ul {float:left;list-style:none;line-height:1;padding:0;margin:0;width:100%;height:35px}
    #tek_mainmenu a {display:block;color:#fff;text-decoration:none;padding:0 0.5em;line-height:35px}
    #tek_mainmenu li {float:left;padding:0;margin:0}
    #tek_mainmenu li ul {position:absolute;left:-999em;height:auto;width:10em;font-weight:normal;margin:0;font-size:0.6em;}
    #tek_mainmenu li li {padding-right:1em;width:9em;border-bottom:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa}
    #tek_mainmenu li li a {padding:0.4em 1em;line-height:1em;color:#666}
    #tek_mainmenu li a:hover {color:#fff}
    #tek_mainmenu li ul a {width:9em;}
    #tek_mainmenu li ul ul {margin:-1.67em 0 0 10em;font-size:1em}
    #tek_mainmenu li:hover ul ul, #tek_mainmenu li:hover ul ul ul, #tek_mainmenu li.sfhover ul ul, #tek_mainmenu li.sfhover ul ul ul {left:-999em;}
    #tek_mainmenu li:hover ul, #tek_mainmenu li li:hover ul, #tek_mainmenu li li li:hover ul, #tek_mainmenu li.sfhover ul, #tek_mainmenu li li.sfhover ul, #tek_mainmenu li li li.sfhover ul {left:auto;background:#fff}
    #tek_mainmenu li:hover, #tek_mainmenu li.sfhover {background: #1E85D9;}

    #tek_mainmenu .tek_right {float:right;line-height:25px}
    #tek_mainmenu .tek_right:hover {background:none}

Viewing 10 replies - 1 through 10 (of 10 total)
  • lostemilie

    (@lostemilie)

    15 years, 2 months ago

    the blue border is because of this:
    img a {border:1px solid #ccc}
    img a:hover {border:1px solid #005495}

    there you give any linked image a border of 1 px. If you don´t want that anymore just reduce it to 0px.

    and I don´t know what a Tek is, sorry

    stvwlf

    (@stvwlf)

    15 years, 2 months ago

    to remove border – in your stylesheet find on line 34

    img {
  margin: 10px;
}

    change to

    img {
  border: none;
  margin: 10px;
}

    As far as tek’s – all the ID’s in your theme are defined with classes that start with tek_ If you take that out of your stylesheet you will lose all your styling unless you also remove all occurrences of tek_ from every one of your theme templates. If you do that then you can remove them from the CSS stylesheet also. If you decide to that I highly recommend you make a copy of all the files before you start changing them, just in case.

    Thread Starter tom-kroscavage

    (@tom-kroscavage)

    15 years, 2 months ago

    Does anyone know how to fix my header it is 1600×130

    stvwlf

    (@stvwlf)

    15 years, 2 months ago

    Does anyone know how to fix my header it is 1600×130

    What is wrong with your header? What needs fixing?

    Thread Starter tom-kroscavage

    (@tom-kroscavage)

    15 years, 2 months ago

    What is wrong with your header? What needs fixing?

    I am trying to center it.

    stvwlf

    (@stvwlf)

    15 years, 2 months ago

    you can center the 1600 pixel strip by doing this, but thats not going to give effect you think it is. save your style.css before you try this. Or do it in Firebug so you see what I mean

    change style.css (line 13)
    to this
    .tek_container {
    margin:0 auto;
    width:1600px;
    }
    and this (line 11) to this
    #tek_logo {
    background:transparent url(images/logo.png) repeat scroll center top;
    display:block;
    height:130px;
    margin:0 auto;
    width:1600px;
    }

    FYI – min-width and max-width do not work in IE

    29

    (@29-1)

    14 years, 6 months ago

    Where do I find my stylesheet?

    thescribbler

    (@thescribbler)

    14 years, 6 months ago

    Your stylesheet will be a file with a suffux of .css placed within your theme folder that controls the layout/style of the HTML code. There may be more than one CSS file in the folder relating to various sections of the theme, but (generally) the main one will be titled style.css or some similar variation…

    29

    (@29-1)

    14 years, 6 months ago

    I found the stylesheet, but nowhere can I find the image line mentioned above.

    thescribbler

    (@thescribbler)

    14 years, 6 months ago

    The best way to isolate what you’re looking for is to use Firefox, download the web developer’s tools, click on information > display element information and then hover your mouse over the element you need info on. FF will display the location of that element both within the toolbar below below the URL and also in a yellow box that appears when you click on the element itself…

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘blue outline on photos’ is closed to new replies.