Sticky element in Sandbox

• 

  vivianpaige · Member · Nov 9, 2008 at 10:48 pm

  • Copy link
  • Add topic to favorites

  Can somebody point me to the element/class for sticky posts in Sandbox (the old version)? I can’t find it. Thanks!

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 12:42 am

  • Copy link

  I’m not sure if there is sticky element in sandbox. But I could make a sticky post look different from other posts by tagging it ‘sticky’ and throw this code into the css editor:

  div.post.tag-sticky .entry-title {bla-bla-bla}

  A bit painful, yes. But it’s the only way I know.

• 

  vivianpaige · Member · Nov 10, 2008 at 12:53 am

  • Copy link

  Hmm – I made my first post a sticky and tried this:

  div.post.tag-sticky .entry-title a {
  background-color:#F4783E;
  text-color:white;
  }

  No change. What am I missing?

• 

  vivianpaige · Member · Nov 10, 2008 at 12:56 am

  • Copy link

  Wait – did you mean I should use the tag sticky?

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 1:29 am

  • Copy link

  Yes. Add a tag ‘sticky’ to your post.

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 1:30 am

  • Copy link

  That’s why I said it’s a bit painful.

• 

  vivianpaige · Member · Nov 10, 2008 at 1:45 am

  • Copy link

  Well, in the meantime, I’ve tried this:

  .sticky .entry-title  {
  background:#F4783E;
  color:#FFFFFF;
  }

  It gets the background orange (which is what I want) but the text color does not change to white. (I found that reference in another CSS file somewhere so apparently, even though I couldn’t locate the element in the CSS file, it works – at least partially.)

  So – what am I missing on the text color?

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 2:32 am

  • Copy link

  maybe .sticky .entry-title h2 {color:#fff;}
  or .sticky .entry-title h2 a:link {color:#fff;}

  I’m on my mobile right now, so I’m just guessing.

  Anyway, I’m sooo glad you’ve found the sticky element. I can use that too. Cheers!

• 

  vivianpaige · Member · Nov 10, 2008 at 2:38 am

  • Copy link

  Well, maybe when you get back to your computer, you can figure out how to change the text color. I tried both of those and various iterations of them and nothing worked :(

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 3:17 am

  • Copy link

  Oh, shame on me. It supposed to be h2.entry-title not .entry-title h2

  I’m really sorry that I’ve wasted your time.

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 3:22 am

  • Copy link

  If that doesn’t change anything either… I’m gonna have to hide from you for a few days until you forget that I’ve acted like a know-it-all.

• 

  vivianpaige · Member · Nov 10, 2008 at 3:41 am

  • Copy link

  Nope, that doesn’t work, either. I tried:

  .sticky h2 .entry-title {
  color:#FFFFFF;
  }

  as well as

  .sticky h2 .entry-title a {
  color:#FFFFFF;
  }

  and the text is still orange.

  I obviously don’t understand CSS very well, because I got the orange text defined in .entry-title a. But when I wanted it blue, I have it defined in body.single .entry-title (without the a) and .page h2,.archive h2,.category h2 (again, without the a) and it works.

  All I know about CSS I’ve learned through trial and error, I’m afraid.

• 

  vivianpaige · Member · Nov 10, 2008 at 3:42 am

  • Copy link

  You don’t have to hide from me – you’re trying to help and that’s a good thing! You know more about this stuff than I do – I’ve seen your work!

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 4:56 am

  • Copy link

  .sticky h2.entry-title {
  background:#ff6600;
  }

  .sticky h2.entry-title a {
  color:#fff;
  }

  .sticky div.entry-content {
  background:#f0f0f0;
  }`

  Just added those to my CSS, and it worked.

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 4:57 am

  • Copy link

  oh, Jesus!

  .sticky h2.entry-title {
  background:#ff6600;
  }

  .sticky h2.entry-title a {
  color:#fff;
  }

  .sticky div.entry-content {
  background:#f0f0f0;
  }

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 5:02 am

  • Copy link

  You may want to view the sticky on my blog. I saved them for you.

  I know why it didn’t work for you. You added one space between h2 and .entry-title

• 

  jomariajomariajomaria · Member · Nov 10, 2008 at 5:48 am

  • Copy link

  Oh, I’m sorry. I think my last sentence sounds a bit rude, while what I really meant to say was “there is a space between h2 and .entry-title’.

  Pardon my English.

• 

  vivianpaige · Member · Nov 22, 2008 at 7:24 pm

  • Copy link

  Just getting back to this. And I still cannot get the entry-title to change colors.

  .sticky h2.entry-title {
  background:#F4783E;
  }
  
  .sticky h2.entry-title a {
  color:#FFF;
  text-decoration:none;
  }

  So I want the orange background (#F4783E) and the white letters (#FFF) but the letters remain orange (as defined in the original .entry-title a) and no matter what I do, will not change.

  Something is causing the earlier command to override the later one.

  Can you give me a link to the blog where you have this working? The one in your user name isn’t using the old Sandbox theme. Thanks!
  (And I didn’t think you were rude.)

• 

  vivianpaige · Member · Nov 22, 2008 at 7:50 pm

  • Copy link

  I found the problem. I had defined the colors in the #content h2 a and it was overriding my .entry-title settings.

  Once I removed those, I was fine.

• 

  jomariajomariajomaria · Member · Nov 26, 2008 at 12:25 am

  • Copy link

  So h2.entry-title can’t override #content h2 a …

  Clever!