Remove border from image

• 

  kaboomba · Member · May 7, 2010 at 7:11 am

  • Copy link
  • Add topic to favorites

  http://gfxtut.com . on the front page i have 2 small images with grey borders around them. how do i remove them? is there something i should edit in style.css? heres what my style.css says

  [code]/*
  Theme Name: Rockwell
  Description: A stylish blog theme with 3 color options.
  Author: Site5.com
  Author URI: http://www.site5.com/
  */

  /* Optional images with no borders */
  .customImage img {
  padding: 0px;
  border: none;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }

  And use it like this when you want no border:

  <div class="customImage">
  --- post content here ---
  </div>

  /* MAIN STYLES
  -------------------------------------------*/
  * { margin: 0; padding: 0; }

  body,html {
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333;
  margin:0;
  padding:0;
  background:#202020 url(images/bk_body.jpg) 0 0 repeat-x;
  line-height:135%;
  }

  ul {
  list-style:none;
  }

  a {
  text-decoration:none;
  }

  a:hover {
  border:none;
  }

  #colLeft a:hover {
  border:none;
  }

  #colRightInner a:hover {
  border:none;
  }

  a:focus {
  outline:none;
  }

  p {
  margin:1em 0;
  }

  /* LAYOUT STRUCTURE
  --------------------------------------------------*/
  #wrapper {
  margin:0 auto;
  width:960px;
  }

  #header {
  height:204px;
  position:relative;
  z-index:99;
  }

  #content {
  padding:15px 0 20px;

  }

  #colLeft{
  width:610px;
  border:7px solid #EAEAE3;
  float:left;
  background:#fff;
  padding:17px 13px 17px 18px;
  }

  #colRight {
  width:288px;
  float:left;
  padding-left:15px;
  position:relative;
  }

  #footer {

  border-top:2px solid #333;
  padding:12px 0 35px 0;
  width:960px;
  margin:1px auto;
  color:#868686;
  position:relative;
  font-size:11px;
  }

  /* HEADER ELEMENTS
  --------------------------------------------------*/
  /* -- logo --*/
  #logoTag {
  position:absolute;
  top:65px;
  left:0;
  }

  #logoTag #logo {
  height:85px;
  background:url(images/bk_logo_left.png) no-repeat;
  padding-left:12px;
  float:left;
  }

  #logoTag #logoImg {
  background:none;
  padding:0;
  float:left;
  padding-top:3px;
  padding-right:10px;
  }

  #logoTag #logoImg img {
  border:none;
  }

  #logoTag #logo h1 a {
  display:block;
  padding-right:12px;
  background:url(images/bk_logo_right.png) 100% 0 no-repeat;
  color:#fff;
  font-size:34px;
  padding-top:14px;
  height:61px;
  float:left;
  line-height:100%;
  }

  #logoTag #tagline {
  float:left;
  padding-top:14px;
  padding-left:15px;
  color:#CFD5DA;
  text-transform:uppercase;
  width:300px;
  }

  #topLinks {
  position:absolute;
  top:9px;
  left:0;
  }

  #bottomLinks {
  position:absolute;
  top:12px;
  right:0;
  }

  #topLinks li, #bottomLinks li {
  float:left;
  background:url(images/bullet_top.jpg) 0 50% no-repeat;
  padding-left:7px;
  padding-right:15px;
  }

  #topLinks li a, #bottomLinks li a {
  color:#868686;
  font-size:11px;
  text-decoration:none;
  text-transform:capitalize;
  border:none;
  }

  /* TOP MENU */

  #topMenu {
  position:absolute;
  bottom:0;
  left:0;
  width:958px;
  }

  #topMenu ul.sf-menu {
  margin-left:-1px;
  }

  #topMenu ul.sf-menu li {
  float:left;
  line-height:43px;
  padding:0 12px;
  }
  #topMenu ul.sf-menu li a {
  text-decoration:none;
  text-transform:uppercase;
  border:none;
  }
  #topMenu ul.sf-menu li a:hover {
  color:#FFF;
  }

  #topMenu ul.sf-menu li li {
  background:#D02458;
  padding-right:15px;
  padding-top:5px;
  }

  #topMenu ul.sf-menu li ul.children {
  border-bottom:none;
  }

  #topMenu ul.sf-menu li ul.children li,#topMenu ul.sf-menu li.page_item ul li {
  position:relative;
  line-height:100%;
  height:28px;
  text-transform:none;
  }
  #topMenu ul.sf-menu li ul.children li a, #topMenu ul.sf-menu li.page_item ul li a {
  text-decoration: none;
  display:block;
  padding-top:7px;
  line-height:100%;
  border:none;
  text-transform:none;
  }
  #topMenu ul.sf-menu li ul.children li a:hover, #topMenu ul.sf-menu li.page_item ul li a:hover{
  color:#fff;

  }
  #topMenu ul.sf-menu li ul.children li ul.children {
  border: none;

  }
  #topMenu ul.sf-menu li ul.children li ul.children a {
  text-decoration: none;
  position:relative;
  border:none;
  }
  #topMenu ul.sf-menu li ul.children, #topMenu ul.sf-menu li.page_item ul
  {
  margin:13px 0 0 0;

  }
  #topMenu ul.sf-menu li ul.children ul.children
  {
  margin:0 0 0 38px;
  }

  /* ------------------------*/

  #socialLinks {
  position:absolute;
  right:10px;
  bottom:10px;
  }

  #socialLinks a {
  display:block;
  float:left;
  padding-right:10px;
  border:none;
  }

  #socialLinks a img {
  border:none;
  }

  #site5top {
  position:absolute;
  top:9px;
  right:0;
  }

  #site5top a {
  display:block;
  width:200px;
  height:19px;
  background:url(images/site5_top.jpg) 0 0 no-repeat;
  text-indent:-9999px;
  }

  /* COLLEFT ELEMENTS
  ----------------------------------------------*/
  .searchQuery, #archive-title {
  border-bottom:1px solid #E2E2D8;
  padding:0 0 10px;
  margin-bottom:15px;
  }

  .searchQuery strong, #archive-title strong {
  font-size:14px;
  }

  #colLeft h1 {
  border-bottom:1px dotted #999;
  padding:0;
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#333;
  font-size:32px;
  letter-spacing:-1px;
  line-height:110%;
  text-decoration:none;
  font-weight:normal;
  }

  .alignleft {
  float:left;
  margin:5px 15px 5px 0;
  }

  .alignright {
  float:right;
  margin:5px 0 5px 15px;
  }

  #colLeft img {
  padding:8px;
  background:#F0F0F0;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  }

  #colLeft .blogItem {
  margin-bottom:10px;
  padding-bottom:10px;
  }

  #colLeft .blogItem .itemTitle {
  position:relative;
  background:url(images/bk_dotted_vert.gif) 58px 0 repeat-y;
  margin-bottom:10px;
  }

  #colLeft .blogItem .date{
  float:left;
  width:47px;
  height:50px;
  text-align:center;
  padding-right:25px;
  }

  #colLeft .blogItem .date .month{
  color:#ccc;
  font-size:10px;
  text-transform:uppercase;
  padding-bottom:5px;
  }

  #colLeft .blogItem .date .day {
  font-size:20px;
  color:#fff;
  font-weight:bold;
  line-height:130%;
  }

  #colLeft .blogItem .itemTitle h1 {
  border:none;
  }

  #colLeft .blogItem .itemTitle h1 a{
  border-bottom:1px dotted #999;
  padding:0;
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#333;
  font-size:32px;
  letter-spacing:-1px;
  line-height:110%;
  text-decoration:none;
  font-weight:normal;
  }

  #colLeft .blogItem .metadata {
  padding:5px 0 8px;
  border-top:1px solid #E2E2D8;
  border-bottom:1px solid #E2E2D8;

  font-size:11px;
  }

  #colLeft .blogItem a.more-link {
  display:block;
  width:90px;
  height:24px;
  text-align:center;
  clear:both;
  border:none;
  line-height:22px;
  margin-top:10px;
  }

  #colLeft .social {
  border:1px dashed #9FD9FF;
  background:#EAF7FF;
  padding: 0 10px;
  }

  #colLeft .social p {
  padding-left:5px;
  margin:0.8em 0 0.5em;
  }

  #colLeft .social a {
  border:none;
  }

  #colLeft .social a img {
  padding:5px;
  border:none;
  background:none;
  }

  #colLeft .social a:hover img {

  }

  #colLeft .social strong {
  color:#00C1F2;
  }

  #colLeft h2#comments {
  border-bottom:1px solid #E2E2D8;
  padding:20px 0 15px;
  }

  /* COLRIGHT ELEMENTS
  ----------------------------------------------*/
  #boxAbout {
  border:1px solid #626262;
  background:#1B1B1B url(images/bk_box_about.jpg) 0 0 no-repeat;
  padding:13px 12px 5px;
  color:#838383;
  margin-bottom:12px;
  }

  #boxAbout h2 {
  border-bottom:1px solid #626262;
  padding-bottom:8px;
  color:#ccc;
  }

  #colRightInner {
  border:7px solid #EAEAE3;
  background:#fff;
  padding:8px 8px 15px;
  position:relative;
  }

  #colRightInner h2 {
  font-size:16px;
  padding:5px 0 8px;
  border-bottom:1px solid #E2E2D8;
  }

  #colRightInner ul {
  padding-bottom:10px;
  }

  #colRightInner ul li {
  padding:6px 0;
  border-bottom:1px solid #E2E2D8;
  }

  #colRightInner ul li a {
  color:#666;
  border:none;
  }

  #colRight #recentcomments .url {
  font-weight:bold;
  }

  #colRight #ads {
  padding-bottom:5px;
  width:290px;
  }

  #colRight #ads a {
  float:left;
  margin:0 7px 6px 0;
  border:none;
  }

  #colRight #ads a img {
  border:none;
  }

  #colRight #flickr {
  margin-top:10px;
  }

  #colRight #flickr a {
  border:none;
  }

  #colRight #flickr a img {
  border:none;
  padding:10px 11px 0 0;
  }

  #colRight #flickr h2{
  background:url(images/flickr_logo.jpg) 0 0 no-repeat;
  padding-left:66px;
  padding-top:7px;
  }

  a#site5_sidebar {
  display:block;
  width:240px;
  height:68px;
  text-indent:-9999px;
  background:url(images/site5_sidebar.jpg) 0 0 no-repeat;
  }

  /*COMMENTS
  ---------------------------------------------*/
  #colLeft ul.commentlist {
  margin-bottom:10px;
  list-style-type:none;
  }

  #colLeft ul.commentlist li {
  background:none;
  border-bottom:1px solid #E2E2D8;
  padding:10px 0;
  padding-left:40px;
  }

  #colLeft ul.commentlist li .avatar {
  float:left;
  width:32px;
  margin-left:-40px;
  padding:0;
  border:none;
  }

  #colLeft ul.commentlist li img {
  border:none;
  padding:0;

  }

  * html #colLeft ul.commentlist li .avatar {
  margin-bottom:-20px;
  }

  #colLeft ul.commentlist li .commentmetadata {
  font-size:11px;
  color:#777;
  }

  /* FORMS
  -------------------------------------------------*/
  #searchform {
  position:absolute;
  right:0;
  top:80px;
  }

  #searchform input {
  border:1px solid #626262;
  background:#000;
  padding:5px 4px 6px;
  color:#999;
  width:215px;
  float:left;
  }

  #searchform input#searchsubmit {
  width:65px;
  height:30px;
  border:none;
  background:url(images/bk_search_but.jpg) 0 0 no-repeat;
  cursor:pointer;
  }

  /* post comment */

  #commentform label {
  display:block;
  padding:5px 0 2px;
  }

  #commentform input, #commentform textarea {
  border:1px solid #ddd;
  padding:5px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  width:300px;
  }

  #commentform textarea {
  width:500px;
  }

  #commentform input#submit{
  border:none;
  width:90px;
  height:24px;
  text-align:center;
  padding-top:4px;
  margin-top:5px;
  }

  /* contact */

  #contact label {
  display:block;
  padding:8px 0 2px;
  }

  #contact input, #contact textarea {
  border:1px solid #ddd;
  padding:5px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  width:300px;
  }

  #contact textarea {
  width:500px;
  }

  #contact input.submit {
  border:none;
  width:90px;
  height:24px;
  text-align:center;
  padding-top:4px;
  margin-top:15px;
  }

  .errormsg, .successmsg{
  background:#FEF4F1;
  border:1px solid #F7A68A;
  color:#DA4310;
  padding:10px;
  }

  .successmsg {
  border:1px solid #9FD9FF;
  background:#EAF7FF;
  color:#00BFF5;
  }

  /* CLEARING
  ---------------------------------------------------*/
  .clearfix:after {
  content: ".";
  display:block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
  .clearfix {
  display: block;
  }
  /* Hides from IE-mac */
  * html .clearfix {height: 1%;}
  .clearfix {display: block;}
  /* End hide from IE-mac */

  .clear {
  clear: both;
  }

  .noclear {
  clear: none;
  }
  [/code]

• 

  supportbot · Member · May 7, 2010 at 7:11 am

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.