Topic: Create Circle-Down Button

Tagged: x

Author

Posts
May 4, 2016 at 10:38 am #912650

Derek
Participant

Hello,

How can I create a circle-down button like the one included in the Revolution Slider on my homepage?
http://422.e82.myftpupload.com

Cheers,
Derek

May 4, 2016 at 10:40 am #912652

Derek
Participant

This reply has been marked as private.

May 4, 2016 at 2:00 pm #913009

Rupok
Member

Hi there,

Thanks for writing in! After selecting a slider for your page either on “Above Masthead” or “Below Masthead” you will see the option to enable scroll bottom anchor. Let’s enable this to get this button – http://prntscr.com/b09zsb

Hope this helps.

Cheers!

May 4, 2016 at 9:01 pm #913589

Derek
Participant

Hello,

Thanks for the reply. If you look on my homepage I already have the circle on the slider:
http://422.e82.myftpupload.com

I would like to create a circle button exactly like that one, but in another section of the website (not on the slider). How can I do that? (Please see screenshot).

Thanks,
Derek

May 5, 2016 at 2:02 am #913884
Rupok
Member
Hi there,

Thanks for clarifying.

You can use this HTML within a Text element :
```
<a class="custom-down-icon" href="#">
    [x_icon type="angle-down"]
 </a>
```
Then add this under Custom > CSS in the Customizer.
```
.custom-down-icon {
  border: 3px solid;
  border-radius: 50%;
  color: #333;
  display: block;
  font-size: 40px;
  height: 60px;
  line-height: 10px;
  text-align: center;
  width: 60px;
}
```
Let’s adjust the CSS if needed.

Cheers!
May 6, 2016 at 5:46 pm #979426

Derek
Participant

Fantastic. Thank you!

May 6, 2016 at 10:37 pm #979724

Prasant Rai
Moderator

You are most welcome. 🙂
Author

Posts

<script> jQuery(function($){ $("#no-reply-912650 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>