This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Change color of button under slider

  • Creator
    Topic
  • #10701
    jtobler
    Participant

    I’m trying to change the style (color, etc) of the big call to action button under the slider. It appears as though the class is “tb-button tb-button-large default”, but I’ve been trying in vain to make it happen. Could you point me in the right direction?

    What would the CSS look like to change those values? It seems as though default is overwriting tb-button values. Anyway, thanks for your help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #10714
    Jason Bobich
    Keymaster

    Hello,

    What version of Alyeska are you using? If you’re using Alyeska 3+ and the Layout Builder builder plugin, there should be an option to change to any of the framework’s button colors within the “Slogan” element of the Builder.

    #10719
    jtobler
    Participant

    I guess that is another reason I should update to 3.0. Argh… just don’t have the time. I’m still on 2.x.

    #10724
    Jason Bobich
    Keymaster

    So, to change the button’s color in the old version, just use your inspector and pick any selector that effects it like:

    .element-slogan .tb-button { background: #000; }

    =========

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.