Miko. eCommerce Template

Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Icon on submit button

4 years 3 months ago #1

  • Rim's Avatar
  • Rim
  • Posts: 29
Can you add icons for customize the buttons?

4 years 3 months ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 16531
Hello,

you need at the submit.php (/components/com_baforms/views/form/tmpl/submit.php)

find line 13:
<div class="row-fluid ba-row">
	<div class="span12" style="<?php echo $buttonAligh; ?>">
		<input class="ba-btn-submit" type="submit" style="<?php echo $buttonStyle; ?>"
			value="<?php echo $button; ?>" <?php echo $embed; ?>>
    </div>
</div>

replace to
<div class="row-fluid ba-row">
	<div class="span12" style="<?php echo $buttonAligh; ?>">
		<span class="submit-icon">
			<input class="ba-btn-submit" type="submit" style="<?php echo $buttonStyle; ?>"
			value="<?php echo $button; ?>" <?php echo $embed; ?>>
		</span>
    </div>
</div>



and at the template custom css file add code:
.ba-form .submit-icon {
	position: relative;
}

.ba-form .submit-icon:before {
    content: '\f104';
    color: #fff;
    font-family: 'Material-Design-Iconic-Font';
    font-size: 24px;
    left: 25px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

in which:
content: '\f104'
- The code you need icons

This code you can take from developer tools


Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum