changing text navigator box ovation theme

• 

  ittragogo · Member · Jun 18, 2017 at 2:15 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I’m using the ovation theme, and want to change the “continue reading text’ into ‘explore more’ and remove the thin lines beside text as well.
  Is there a css code to do that?
  Thanks!
  ittragogo.com

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

• 

  thesacredpath · Member · Jun 18, 2017 at 8:16 pm

  • Copy link

  Hi, add the following to your custom CSS and see what you think.

  .read-more .button {
  	visibility: hidden;
  	font-size: 0;
  }
  .read-more .button:after {
  	content: "Explor More";
  	visibility: visible;
  	float: left;
  	font-size: 1.2rem;
  	background: #fff;
  	padding: 1.18181818em 2.72727273em 1em
  }
  .read-more .button:hover:after {
  	background: #000;
  }

• 

  ittragogo · Member · Jun 19, 2017 at 5:32 pm

  • Copy link

  Yessss, thank you! it changed the text; that worked.
  Still I want to get rid of the lines….
  is that possible?

• 

  thesacredpath · Member · Jun 20, 2017 at 3:22 am

  • Copy link

  See if this does what you want as far as the lines go. The only place I saw lines on your site just now was the bottom section.

  .read-more::before, .read-more::after {
  	height: 0;
  }

• 

  ittragogo · Member · Jun 20, 2017 at 11:24 am

  • Copy link

  thanks!! that worked!

  the bottom section is the only one with the readmore button.
  the other’explore mores’ are plain links…
  cheers!

• 

  thesacredpath · Member · Jun 20, 2017 at 7:10 pm

  • Copy link

  You are welcome.