Matching 'Follow' Button to Rest of Site

• 

  allisonhudson929 · Member · Feb 12, 2015 at 9:17 pm

  • Copy link
  • Add topic to favorites

  Hello – I am working in the Antenna theme and am trying to update the ‘Follow’ button to look like the ‘Read More’ buttons on the site, as well as have the ‘Follow’ widget text look like the Post Headers. Any chance anyone knows the code I’d need to apply to accomplish this?

  Below is the Code I have so far (one of the Happiness Engineers recommended I include this in this note.)

  Looking forward to hearing from you! Sincerely, Allison

  .featured-content-detail {
  background: none repeat scroll 0 0 rgba(0,0,0,0.3);
  }

  .main-navigation {
  background: none !important;
  }

  .sf-menu a, .sf-menu a:visited {
  color: #333333 !important;
  border: none;
  }

  .sf-menu a:hover, .sf-menu a:focus, .sf-menu a:active {
  background: none repeat scroll 0 0 #f2fbc2;
  color: #000 !important;
  }

  .sf-menu li.prepend_item span {
  border: none;
  }

  .sf-menu ul li {
  background: none repeat scroll 0 0 #f2fbc2;
  }

  .sf-menu ul a {
  border-color: #ffffff;
  color: #ffffff !important;
  }

  .sf-menu li.append_item span {
  border: none;
  }

  .sf-menu li.current-menu-item > a, .sf-menu li.current-menu-item > a:visited, .sf-menu li.current-menu-parent > a, .sf-menu li.current-menu-parent > a:visited, .sf-menu li.current_page_item > a, .sf-menu li.current_page_item > a:visited, .sf-menu li.current_page_parent > a, .sf-menu li.current_page_parent > a:visited {
  background-color: #f2fbc2;
  color: #ffffff !important;
  }

  a.toggle-menu, a.toggle-menu:visited {
  color: #666666;
  }

  #pageslide {
  background-color: #ffffff;
  color: #333333;
  }

  .mobile-navigation a, .mobile-navigation a:visited, .mobile-navigation a:hover {
  color: #3D3D3D;
  }

  /*.site-branding .container {
  background-image: url(‘//summitdaytoday.files.wordpress.com/2014/12/photo-74-version-2.jpg’);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 100px 100px;
  }*/
  .more-link:hover, .more-link:focus, .more-link:active {
  background-color: #516600;
  color: #f2fbc2;
  }

  #infinite-handle span:hover, #infinite-handle span:focus, #infinite-handle span:active {
  background-color: #516600;
  color: #f2fbc2;
  }

  .sd-like-gravatars {
  display: none;
  }

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

• 

  nizamilputra · Member · Feb 13, 2015 at 2:34 am

  • Copy link

  Hi there,

  Please add this css code;

  .widget input[type="submit"] {
    background-color: #F4FAD2;
    border: none;
    box-shadow: none;
    font-size: 14px;
    padding: 9px 18px;
    font-family: calluna-1,calluna-2,"Noto Sans",sans-serif;
    text-shadow: none;
    color: #666;
  }
  .widget input[type="submit"]:hover{
    background: #516600;
    color: #F4FAD2;
  }

  I hope it will helps you.

• 

  allisonhudson929 · Member · Feb 13, 2015 at 1:17 pm

  • Copy link

  Hi – it did work and it helped a lot, it looks much better. Thanks so much & have a great day!!