Changing the “Button” in the Button Theme

  • Resolved WebTeamAdmin

    (@varsitysports)


    6 years, 8 months ago

    Any pro tips on how to change the image used in the widget-title class in Button?

    In its original state, the class pulls img/button.svg from Button’s bag of tricks, but I’d prefer to change it something custom for this cowboy-centric website — perhaps a horseshoe of our own design, or an apropos Font Awesome icon.

    The “button” precedes each widget title in the right-hand sidebar on this page:

    https://CowpokeRadio.com/

    The controlling file is in assets/stylesheets/layout/_widgets.scss (plus the corresponding button.svg file in the wp-content/themes/button/img folder). I’ve mucked around with it a bit, but I made a bit of a mess and backed off.

    Any assistance would be warmly welcomed.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • It indeed is a beautiful theme and very easy to adjust to ones wishes, I did too and it looks totally different ??

    Your questions answer is:

    .widget-title:before {
    position: relative;
    top: -2px;
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: .45em;
    content: “”;
    background: url(https://melodymusic.nl/wp-content/uploads/2017/06/fantje.png) no-repeat;
    background-position: 0 0;
    background-size: 25px 25px;
    }

    Pay attention to changing the sides, both… in top of the code and at the bottom…and changing the url of the image you want to use..

    This code can you copy, adjust and place it in your customiser

    Good luck

    Thread Starter WebTeamAdmin

    (@varsitysports)

    That’s WONDERFUL, Melody — thank you very much!

    (Running off to try it right now…)

    Thumbs up ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing the “Button” in the Button Theme’ is closed to new replies.