Mina Olen CSS theme – CSS for "Call Out URL" text

• 

  celestewalls · Member · Jul 23, 2015 at 12:38 pm

  • Copy link
  • Add topic to favorites

  We would like to turn off hover on the URL on the “Call Out URL” text

  Can this be done as a CSS overide? If so what would we need to enter in the CSS box.

  Here is the CSS for the Mina Olen theme

  button,
  input[type=”button”],
  input[type=”reset”],
  input[type=”submit”],
  .mina-olen-project-url a.kalervo-portfolio-item-link,
  a.mina-olen-callout-button,
  body .edd-submit.button.mina-olen-theme-color,
  body .edd-submit.mina-olen-theme-color,
  body input[type=”submit”].edd-submit.mina-olen-theme-color,
  body .mina-olen-theme-color#edd-purchase-button,
  #back-to-top a { background-color: #C34608;}
  button:hover,
  input[type=”button”]:hover,
  input[type=”reset”]:hover,
  input[type=”submit”]:hover,
  .mina-olen-project-url:hover,
  a.mina-olen-callout-button:hover,
  button:focus,
  input[type=”submit”]:focus,
  input[type=”button”]:focus,
  input[type=”reset”]:focus,
  .mina-olen-project-url:focus,
  a.mina-olen-callout-button:focus,
  button:active,
  input[type=”submit”]:active,
  input[type=”button”]:active,
  input[type=”reset”]:active,
  .mina-olen-project-url:active,
  a.mina-olen-callout-button:active,
  body .edd-submit.button.mina-olen-theme-color:hover,
  body .edd-submit.mina-olen-theme-color:hover,
  body input[type=”submit”].edd-submit.mina-olen-theme-color:hover,
  body .mina-olen-theme-color#edd-purchase-button:hover,
  body .edd-submit.button.mina-olen-theme-color:focus,
  body .edd-submit.mina-olen-theme-color:focus,
  body .mina-olen-theme-color#edd-purchase-button:focus,
  body input[type=”submit”].edd-submit.mina-olen-theme-color:focus,
  body .edd-submit.button.mina-olen-theme-color:active,
  body .edd-submit.mina-olen-theme-color:active,
  body input[type=”submit”].edd-submit.mina-olen-theme-color:active,
  body .mina-olen-theme-color#edd-purchase-button:active,
  #back-to-top a:hover,
  #back-to-top a:active,
  #back-to-top a:focus { background-color: #F16722;}
  input:focus,
  textarea:focus { border-color: #F16722;}
  </style>

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

• 

  thesacredpath · Member · Jul 23, 2015 at 6:49 pm

  • Copy link

  Yes, this can be done with CSS. The following would target only the callout button and make the hover color the same as the non-hover color.

  a.mina-olen-callout-button:hover {
      background: #c34608 !important;
  }

• 

  davidkiessling · Member · Jul 27, 2015 at 2:03 pm

  • Copy link

  Thank you so much. This fixed the problem.

• 

  thesacredpath · Member · Jul 28, 2015 at 6:39 am

  • Copy link

  You are welcome.

• 

  davidkiessling · Member · Jul 30, 2015 at 12:00 am

  • Copy link

  It seems to work until you click on the link – than it disappears. How do we overide the visited CSS?

• 

  thesacredpath · Member · Jul 30, 2015 at 9:45 pm

  • Copy link

  Ah, add the following to make the text in the button white when it has been visited.

  a.mina-olen-callout-button:visited {
      color: #fff;
  }

  You can, if you wish, add a different background color to that rule and you can also adjust the font color if you wish.

• 

  davidkiessling · Member · Jul 31, 2015 at 12:20 am

  • Copy link

  Fixed! Thanks again!

• 

  thesacredpath · Member · Jul 31, 2015 at 12:23 am

  • Copy link

  You are welcome.