CSS placement

• 

  bbt2murals · Member · Nov 13, 2014 at 9:50 pm

  • Copy link
  • Add topic to favorites

  I want to use CSS to make my blog look more like a web site by hiding: tags, posted on dates, author, comments, and footers. I’ve found the necessary code thru digging thru all the help pages. I’ve then pasted them into the empty CSS box on my site. Nothing happens. I know I’m doing this wrong but can’t find any clearer instructions.

  Is there any way I can get you all to make these changes for/with me?? You could do it about two minutes I bet. I am hitting the wall there and really need some help to move my project along. THANKS!!

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

• 

  alexjgustafson · Member · Nov 14, 2014 at 3:54 pm

  • Copy link

  Hi Michele,

  The proper CSS selectors can sometimes be tricky to find. A tad bit more than 2 minutes, but I tested these CSS selectors out while viewing one of your posts and they properly hid the tags, posted on date, author, and other post footers.

  .byline{
  	visibility: hidden;
  }
  
  span.post-detail{
  	visibility: hidden;
  }
  
  time.post-detail{
  	visibility: hidden;
  }
  
  .post-footer{
  	visibility: hidden;
  }

  Please start by adding that CSS code to your site, check out the changes to your post pages (like this one) and let me know if further CSS is needed for other areas of your site.

  You can remove comments from posts and pages by following these steps:

  http://en.support.wordpress.com/enable-disable-comments/

  Best,

  -Alex G.

• 

  bbt2murals · Member · Nov 14, 2014 at 4:13 pm

  • Copy link

  Alex, it worked!! OK, more than two mins on your part and I SO appreciate it. I don’t know why my previous attempts didn’t work? Perhaps the wrong code. This is AWESOME!

  One more question, (since you asked :-) ) On my theme’s home page, are featured images of my posts. Below each it says, “read more.” I’m trying to find a way to change that to say “view more images.” Any suggestions?

  Thanks again so very much!

  Michele

• 

  alexjgustafson · Member · Nov 14, 2014 at 7:13 pm

  • Copy link

  Hi Michele,

  Glad that worked. :)

  Looking at the “Read More” that’s html content, so it isn’t really directly editable:

  

  With CSS we could hide it, or make it look more like a button… but changing the text would actually required editing the programming of the theme. That kind of access isn’t available on WordPress.com.

  You could hide it with this code if you like:

  p.grid-read-more{
      visibility: hidden;
  }

  There might be some more advanced CSS that would let you change that content, but it wouldn’t be typical.

  Best,

  -Alex G.

• 

  bbt2murals · Member · Nov 14, 2014 at 11:16 pm

  • Copy link

  Hey Alex,
  I’ll leave it as is. Not such a critical issue as the others.

  Thank you for the very fast and accurate responses that have made me like working on my site again! I was so frustrated and you reminded it that this can work. I’ll look up “hugs” and leave huge gratitude there too!

  Best,
  Michele

• 

  alexjgustafson · Member · Nov 15, 2014 at 1:43 am

  • Copy link

  Aww, thanks Michele. :)

  Sorry I didn’t have a smooth fix on that one!

  Let me know if there’s anything else you’re looking at. Happy to help.

  Best,

  -Alex G.