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.

Padding for a.tb-button-small

  • Creator
    Topic
  • #8867
    fsommers
    Participant

    Hello,

    I recently transferred my site from a folder into my root directory and now the padding on my learn more button has gone a bit haywire

    http://www.werkmaster.com/machines/

    When I use firebug to decrease the padding it changes the padding of other buttons I don’t want changed.

    Could you point me in the right direction to fix my css?

    http://i42.tinypic.com/2q1i4ig.png

    Thanks,

    Frank

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

    Hello Frank,

    The weird padding you’re seeing is because you’re adding the padding to the anchor, opposed to the span inside, which what the theme is adding the padding to.

    So, remove this from your style.css and the button will be put back in it’s default state.

    a.tb-button-small{padding: 8px 15px !important;}

    And then this would be your correct overriding CSS to effect the padding of the button:

    .tb-button-small span { padding: 8px 15px; }

    But this probably isn’t working the way you’re doing things —

    And so the bigger problem here is how you’re implementing your custom CSS. First, you want to make sure you’re not actually editing theme files. What you want to do is install a Child theme in order to hold your customizations.

    Then, the next part is that you’re putting your custom CSS actually in the style.css file which from viewing the source of your site, we can see that it comes before the other stylesheets of the theme, and thus has little effect without using hacks like !important.

    Take a few mins and checkout this video: https://vimeo.com/41331677

    Get a child theme setup for your site, and then put your Custom CSS in the custom.css file of that Child theme, starting with the snippet I gave you above; I think you’ll start to see things coming together a little better.

    And since you’re so far along in your site, this might be helpful, as well:

    http://dev.themeblvd.com/tutorial/switching-to-a-child-theme-after-youve-already-started-building-your-website/

    #8869
    fsommers
    Participant

    Awesome! Thanks for the blistering fast response!

    Looking forward to your next version of the Alyeska Theme!

    Cheers,

    Frank

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