Change the Create Account Button

[rota299]

Hi guys, i need help with 2 things.

1. Change this pink button and icon from the java CreateAccount popup:https://drive.google.com/file/d/0Bzqs439iIKtxWTZUUEU2ekE1Nmc/edit?usp=sharing

2. I need some link to put in buttons that i can open this pop anywhere…like when i click on Create Account button on top.

thanks for help

[Abe]

Hi,

1. You can change that button from this file: wp-content/themes/sweetdate/page-parts/general-register-modal.php
Pink comes from class “alert” that you can remove. The icon you can change the heart with one from: http://fortawesome.github.io/Font-Awesome/3.2.1/cheatsheet/

2. In your page content you can add this button code just like in the header. Make sure you add it in the Text tab and not Visual:

COPY CODE

<a class="tiny button radius" data-reveal-id="register_panel" href="#"><i class="icon-group"></i> SIGN UP</a>

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[rota299]

Abe, how can i change this Alert? what i need to change in the code?

<button type=”submit” id=”signup” name=”submit” class=”radius alert button”><i class=”icon-<?php echo apply_filters(‘kleo_register_button_icon’,’heart’); ?>”></i>  <?php _e(“CREATE MY ACCOUNT”, ‘kleo_framework’);?></button>

i want yellow button, with profile icon

[SQadmin]

Hi, the “alert” class come from Foundation framework by default http://foundation.zurb.com/docs/v/3.2.5/buttons.php, so, the yellow button doesn’t have a defined class but you can replace “alert” with a custom class(“yellow”) and refer to this in quick css box like this:

COPY CODE

.button.btn-yellow { background-color: #ff9933; border: 1px solid #fda44a; }
.button.btn-yellow:hover,
.button.btn-yellow:focus { background-color: #fda44a; border: 1px solid #fda44a; }

Button example: http://d.pr/n/yq2G , http://d.pr/i/Sd6N

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts