Organization Theme: Changing Text Content on Home page buttons

• 

  drveselak · Member · Sep 10, 2015 at 3:53 pm

  • Copy link
  • Add topic to favorites

  Im trying to change the text on the buttons of my content blocks from “Learn More” to “Watch Video”. I have tried the CSS method of
  .home-pages a.btn {
  content: “Watch Video”;
  }

  but nothing changes.

  What am I doing wrong?
  Also, is it possible to add a video to these content blocks using CSS?

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

• 

  thesacredpath · Member · Sep 11, 2015 at 2:02 am

  • Copy link

  Hi there, the first thing we have to do is to make the existing button visibility “hidden” and then we have to recreate the button in a in a “:before” pseudo class CSS rule. Add the following CSS and see what you think.

  .home-pages a.btn {
      visibility: hidden;
  }
  .home-pages a.btn:before {
      content: "Watch Video";
      visibility: visible;
      background-color: #f9f9f9 !important;
      background-image: -moz-linear-gradient(center top , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
      border: 1px solid #ccc;
      border-radius: 3px;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
      display: inline-block;
      margin: 12px 0;
      padding: 6px 12px;
      width: 90%;
  }