WordPress.org

1. Tom Kroscavage
   Member
   Posted 3 years 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}

2. lostemilie
   Member
   Posted 3 years 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

3. stvwlf
   Member
   Posted 3 years 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.

4. Tom Kroscavage
   Member
   Posted 3 years ago #

   Does anyone know how to fix my header it is 1600x130

5. stvwlf
   Member
   Posted 3 years ago #

   Does anyone know how to fix my header it is 1600x130

   What is wrong with your header? What needs fixing?

6. Tom Kroscavage
   Member
   Posted 3 years ago #

   What is wrong with your header? What needs fixing?

   I am trying to center it.

7. stvwlf
   Member
   Posted 3 years 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

8. 29
   Member
   Posted 2 years ago #

   Where do I find my stylesheet?

9. thescribbler
   Member
   Posted 2 years 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...

10. 29
    Member
    Posted 2 years ago #

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

11. thescribbler
    Member
    Posted 2 years 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...

Topic Closed

This topic has been closed to new replies.