Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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
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.
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
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.
Thanks Andrew. Please private reply to me your email address and I’ll add an account for you.
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.
This is a private message.
This is a private message.
This is a private message.
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.
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
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.
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
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.
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
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:
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.
This is a private message.
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:
Hope that helps.
That’s great!
Thanks a lot for your help, Andrew.
I appreciate it.
For sure. Glad to hear that did the trick :) All the best.