Edit link inside "read more" button

• 

  meganjacobylmft · Member · Jan 7, 2019 at 1:49 am

  • Copy link
  • Add topic to favorites

  For some reason I have a “Read More” button, not a link, in my blog posts. I want the visited link in the button to stay white after a user has click on hit, not change to the global visited link color of my site. I was able to do this with the call-out button using

  #footer-callout .theme-button{
  	color:#ffffff;
  }

  but I can’t figure out how to do it in the Read More button.

  As a second question, how do I get rid of that button and use a link anyway?

  Thanks

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

• 

  supernovia · Staff · Jan 7, 2019 at 11:32 pm

  • Copy link

  Hi @meganjacobylmft, it depends on your theme. Your theme converts them all to buttons, but you can undo that with some CSS that goes something like this:

  
  /* change from button to link */
  .blog-entry-readmore a.theme-button {
      display: inline;
      background-color: transparent;
      padding: 0;
      text-decoration: underline !important;
  }
  
  /* specify your own colors */
  .blog-entry-readmore a.theme-button {
      color: #027353;
  }
  
  .blog-entry-readmore a.theme-button:hover {
      color: #ffcccc;
  }
  
  .blog-entry-readmore a.theme-button:visited {
      color: #ccffff;
  }

  Obviously you’ll need to change the colors up a bit; but do you want to go ahead and try that and see if it works for you? If you still need adjustments, keep what you’ve got and update us here. Thanks!

• 

  meganjacobylmft · Member · Jan 9, 2019 at 7:50 pm

  • Copy link

  This is perfect. Thank you.