How to lower Call To Action Button in Desktop version


#1

Hi there,

I did a quick search but was not able to find out a solution on how to lower the Call To Action Button in the front page (for the Desktop version).

http://charisresponse.net


#2

Hello Elvis,

Please try to use this CSS code to lower the Call To Action Button in the front page:

.roll-button {
     margin-top: 50px;
}

You can add this code to style.css file of your child theme, also you can use Simple Custom CSS or similar plugin for adding CSS code.

It works well for mobile as well, I tested.

Please feel free to ask any other questions you might have.

Best Regards, Roman.


#3

Hi Roman,

so kind of you to reply this quickly.

I went ahead and added the code to my style.css file but cannot say that it was effective.

---------------style.css of childtheme--------------------
/*
Theme Name: Sydney_Pro_Child
Version: 1.0
Description: A child theme of Sydney Pro
Template: sydney-pro-ii
Author: Admin
/
@import url("…/sydney-pro-ii/style.css");
/
Your awesome customization starts here */
.roll-button {
margin-top: 50px;
}


#4

I have just checked your site and saw that you actually did it, you lowered your Call To Action Button by 50px.

You can try to lower it by 150px to see the result more clearly.

Hope it helps :slight_smile:

Kind Regards, Roman.


#5

It worked, thank you so much :slight_smile:


#6

You are welcome Elvis!

I am glad that it helped you :slight_smile:

Please feel free to ask any other questions you might have in future.

Best Regards, Roman.