Change margins on Call to action

  • Hello,

    Is there a way I can change the margins within the call to action block?

    I want to reduce the top and bottom to make it narrower on the page.

    Regards

Viewing 1 replies (of 1 total)
  • Plugin Author Ultimate Blocks

    (@ultimateblocks)

    Hi,

    We don’t have an option to do it. But it can be done by using custom CSS.

    For the inner spaces, you can alter the headline padding. For that two selectors can be altered.

    .ub_call_to_action_headline – this has top padding of 20px. You can change that to 0px and see if that works for you.

    .ub_call_to_action_headline { padding-top: 0 }

    Another selector is .ub_call_to_action_headline p – which has top padding of 20px. You can alter that to 0 and see if it suits your need.

    .ub_call_to_action_headline p { padding-top: 0 }

    For the space between the content and the button, you can alter the .ub_call_to_action_content – which has bottom padding of 15px. You can alter that to 0px.

    .ub_call_to_action_content { padding-bottom: 0 }

    To add the custom CSS you can use the Customizer. Appearance > Customize > Additional CSS.

    Hope this helps.

    We are really sorry that you have to do it like this. We will try to add a built-in option for that in the future.

    Please let us know if you need further help with this.

    Regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Change margins on Call to action’ is closed to new replies.