Changing Entry-Byline color in Automattic

• 

  the3200 · Member · Nov 1, 2011 at 1:57 am

  • Copy link
  • Add topic to favorites

  Hi – I can’t seem to get the color away from orange. I have changed the CSS but it is not sticking. Weirdly, it worked once before and then switched back.

  None of my brackets are open but I’ll post the CSS anyway.

  #access div {
  background:#ffffff;
  height:.5em;
  width:100%;
  list-style:none;
  margin:0;
  padding:0;
  }

  .hentry {
  background:#7F7D7C;
  border:1px solid #444855;
  border-radius:7px;
  position:relative;
  margin:40px 0 30px;
  }

  body {
  background:#FFFFFF;
  color:#989eae;
  font-size:14px;
  margin:0;
  padding:15px 0 30px;
  }

  #menu {
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#172A3A’,endColorstr=’#070707′,GradientType=0;background:linear-gradient(top,#2727271%,#070707100%);
  border:1px solid #444855;
  border-radius:5px;
  clear:both;
  float:left;
  width:1000px;
  margin:0;
  padding:7px 0 0;
  }

  .entry-byline {
  background:#373B3B;
  border:1px solid #ff5a00;
  color:#373B3B;
  display:block;
  font-size:12px;
  line-height:1;
  position:absolute;
  top:-10px;
  left:-10px;
  text-shadow:#000 1px 1px 2px;
  }

  .entry-meta {
  color:#373B3B;
  font-size:12px;
  }

  .entry-meta a {
  color:#373B3B;
  text-decoration:none;
  }

  .entry-byline .post-edit-link {
  background:#373B3B;
  font-style:normal;
  }

  .entry-meta a:hover {
  border-bottom:1px solid #7F7D7C;
  color:#7F7D7C;
  text-decoration:none;
  }

  .sticky .title {
  background-color:#A49A87;
  border-bottom:1px solid #d24d04;
  padding:8px 15px;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 1, 2011 at 2:22 am

  • Copy link

  1. There is not theme “Automattic” here.

  2. There is no .entry-byline selector in the theme on the site linked to your username.

• 

  the3200 · Member · Nov 1, 2011 at 4:50 pm

  • Copy link

  1. I apologize – It is Parament by Automattic.

  2. There is a .entry-byline selector in this theme. See original stylesheet!

  .entry-byline {
  background: #d24d04;
  border: 1px solid #ff5a00;
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: -10px;
  left: -10px;
  text-shadow: #000 1px 1px 2px;
  }

• 

  thesacredpath · Member · Nov 1, 2011 at 5:13 pm

  • Copy link

  We need a link to the site you are talking about then please.

• 

  the3200 · Member · Nov 1, 2011 at 5:14 pm

  • Copy link

  The site is the3200.wordpress.com

  CSS stylesheet: http://s1.wp.com/wp-content/themes/pub/parament/style.css?m=1319826191g&minify=false

• 

  thesacredpath · Member · Nov 1, 2011 at 5:38 pm

  • Copy link

  I just did this and it worked for me. If you are using the preview function, do note that sometimes you have to force refresh the preview page to see the change.

  .entry-byline {
  background: none repeat scroll 0 0 #373B3B;
  }

  Also note that you should not include any declarations that are not being used in your custom CSS. See how I have only the background declaration in the above? That is because that is all I am changing.

  There is also an orange border and if you want to change the color of that, add the following declaration to the .entry-byline selector and edit the color.

  border: 1px solid #FF5A00;

  If you don’t want the border, you can add the following.

  border: none;