This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change the colours of Call To Actions

Resolved 20 replies pluginplugin-widgets-bundlequestion
Charlieb
9 years ago · Last reply by Andrew Misplon 9 years ago

Is it possible to change the colours of the call to action buttons?

I’ve tried changing this in the editor by simply selecting a different colour for the background colour under the ‘design’ section. However, in reality this doesn’t change the colour in the site and the button remains the default colour.

How can I fix this?

Thanks

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

20
  1. Andrew Misplon Staff 9 years, 10 months ago

    Hi Charlieb

    Thanks for reaching out.

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. Charlieb 9 years, 10 months ago

    Thanks for your reply Andrew. The site isn’t live yet but here’s a screenshot of what I mean: http://goo.gl/w7gZkU What I’d like to do is:

    A) Change the colour of each button to reflect the colours of Facebook and Meetup
    B) Change the button size so it can fill up each box and have the text ‘Registrarse En Meetup’ over the whole button.

    However when I try and make these changes in the editor, it doesn’t work.

    Please help!

    Thanks for your time,

    Charlie

  3. Andrew Misplon Staff 9 years, 10 months ago

    Thanks for the update. Sure, this should be possible. With issues like this it’s really handy for us to be able to inspect the page. That way we can dig into the browser console and see which code is controlling the styling for each element. This, unfortunately, isn’t possible from a screenshot. One option would be to move on with your design and come back to this once the site is live. If the site is online but just in maintenance mode, please, let me know as we can send instructions for creating a temporary administrator account.

  4. Charlieb 9 years, 10 months ago

    Thanks Andrew. Please private reply to me your email address and I’ll add an account for you.

  5. Andrew Misplon Staff 9 years, 10 months ago

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  6. WordPress Private 9 years, 10 months ago

    This is a private message.

  7. Charlieb Private 9 years, 10 months ago

    This is a private message.

  8. Andrew Misplon Private Staff 9 years, 10 months ago

    This is a private message.

  9. Andrew Misplon Staff 9 years, 10 months ago

    It looks like your theme is targeting the call to action buttons. When you select a color in the Customizer it’s printing a style that targets the CTA buttons, in this case:

    .call-to-action-content-wrapper { border-color: #EAEAEA #EAEAEA #EAEAEA #43ccbe; }
.call-to-action-button { background-color: #43ccbe; }

    You could manually override by going to Appearance > Edit CSS and inserting:

    .call-to-action-button { background-color: #43ccbe; }

    And then editing the color value as required.

  10. Charlieb 9 years, 10 months ago

    Ok thanks.

    How do I change the colour of each button?

    And can I change the format so the whole button extends the box rather than just the right hand side of each box?

    Thanks

  11. Andrew Misplon Staff 9 years, 10 months ago

    I missed this in my last login, sorry about that. The Call to Action widget you’re using a ThemeGrill widget, it isn’t our SiteOrigin Call to Action widget. Ideally, they’d handle the support for these as they are the authors and best positioned to advise on how to edit/adjust them.

    If you’d like to try ours go to Plugins > SiteOrigin Widgets and activate the Call to Action widget. It can then be inserted into Page Builder.

  12. Charlieb 9 years, 10 months ago

    Thanks Andrew.

    I’ve just done that. Same question as before then, how do I use the CSS to customise the colour of two different buttons? When I used the code you posted earlier, it changed both of them to the same colour.

    Thanks,

    Charlie

  13. Andrew Misplon Staff 9 years, 10 months ago

    In each SiteOrgin Button widget you’ll find a Design and Layout section. There is a color setting located there. Use that setting to change the background color for each button. I just tested it out now and it’s working as expected.

  14. Charlieb 9 years, 10 months ago

    Yes I did that but that changes the actual background behind the button, not the colour of the button. I just end up with a different colour rectangle behind the button, not the buttons being red and blue respectively…

    Thanks

  15. Andrew Misplon Staff 9 years, 10 months ago

    Within the Button widget are several sections. In the Icon section is an Icon color setting. This isn’t the correct setting to be changing, you’ll need to scroll down to the Design and layout section and change the Button color:

    button-color

  16. Andrew Misplon Staff 9 years, 10 months ago

    Alternatively, please, let me know what colors you’d like the buttons to be, I can login, set those colors and confirm everything is working as expected. Thanks.

  17. Charlieb Private 9 years, 10 months ago

    This is a private message.

  18. Andrew Misplon Staff 9 years, 10 months ago

    Thanks, I’ve set the colors for you.

    It looks like you were using the Widget styles right column controls. Those are there for every widget are aren’t the widget specific controls. Please, see below:

    button-settings

    Hope that helps.

  19. Charlieb 9 years, 10 months ago

    That’s great!

    Thanks a lot for your help, Andrew.

    I appreciate it.

  20. Andrew Misplon Staff 9 years, 10 months ago

    For sure. Glad to hear that did the trick :) All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread