change “"recent articles" to "newsy" OR NO TEXT

• 

  orientaltextiles · Member · Aug 20, 2015 at 3:48 am

  • Copy link
  • Add topic to favorites

  For Oxygen theme, can I change “”recent articles” to “newsy” OR NO TEXT AT ALL?

  The website I am working on is:
  http://paulshaperproductions.com/

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

• 

  kokkieh · Staff · Aug 20, 2015 at 9:13 am

  • Copy link

  Hi there. Try this:

  .section-title h1{
  	visibility: hidden;
  }
  .section-title h1:after{
  	background: #f3f3f3 none repeat scroll 0 0;
  	border-left: 10px solid #e9e9e9;
  	visibility: visible;
  	display: block;
  	position: absolute;
  	content:'newsy';
  	color: #999;
  	font-size: 1em;
  	margin: -20px;
  	padding: 0.25em 0.6em 0.35em;
  	text-transform: lowercase;
  	width: 96%;
  }

  Or to hide it completely:

  .section-title h1{
  	display: none;
  }

  I’m still a bit new to CSS, so if that doesn’t work, just let us know. I’m sure one of the more experienced people will be along later :)

• 

  kokkieh · Staff · Aug 20, 2015 at 9:25 am

  • Copy link

  As I said, I’m still learning and this one might work better:

  .section-title h1 {
  	text-indent: -9999px;
  	line-height: 0;
  }
  .section-title h1:after {
  	content: 'newsy';
  	line-height: initial;
  	display: block;
  	text-indent: 0;
  }

• 

  orientaltextiles · Member · Aug 20, 2015 at 1:05 pm

  • Copy link

  Thanks kokkieh!

  This one (just a little modification from your latest codes) works best for me:

  .section-title h1 {
  text-indent: -9999px;
  line-height: 0;
  }
  .section-title h1:after {
  line-height: initial;
  display: block;
  text-indent: 0;
  }

  Since I really was looking for a thinner line with NO text on it :)

• 

  kokkieh · Staff · Aug 20, 2015 at 1:24 pm

  • Copy link

  If you only want the line to show you don’t need the second part at all, so you can actually delete the entire declaration, not just the content property.

  I’m glad I could help :)