ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• July 28, 2016 at 3:33 pm #284649
  NiikaQ

  Member

  Post count: 129

  Hi!

  1) How do I change colors for borders, backgrounds, and text for buttons for rollover AND nonrollover? See screenshots attached of buttons with the mouse off and hovering over. I understand that there are preset styles such as “black”, “transparent-light”, and “transparent-dark” present in the code but I do not know where to visually modify these presets or create new ones.

  2) Where can I modify the size of the text in the buttons and the size of the button itself?

  Thanks!

  Attachments:

  You must be logged in to view attached files.
  July 29, 2016 at 8:11 pm #284984
  David Martin – Support

  Moderator

  Post count: 20834

  1) Please use these for the example in your homepage.

  /* Color and Hover Color */
  
  a.sf-button.stroke-to-fill {
      color: #ff6666!important;
  }
  a.sf-button.transparent-light:hover {
      color: #ff6666!important;
  }
  

  /* Border and Background Color and Hover Color */
  
  a.sf-button.transparent-light {
      border: 2px solid red!important;
      background: red!important;
  }
  a.sf-button.transparent-light:hover {
  	border: 2px solid blue!important;
  	background: blue!important;
  }

  2) You can change the button shortcode size, standard or large for example.

  Thanks.

• Back to forum

  Posted in: Cardinal