How to change button style?

  • Posted in : TheBlogger
  • anzef
    Participant

    HI,

    I would like to change button style from rounded to square-shaped (like in “Mona” demo).
    I would like to achieve this in “Misty” main style.

    How can I do that?

    serkan
    Moderator

    Hi anzef,
    You can use this custom css code;

    .more-link, input[type=submit], input[type=button], button, a.button, .widget input[type=submit], .widget input[type=button], .widget button, .widget a.button { border-radius: 0; }

    Thanks

    Steve B
    Participant

    I wanted to do the same thing – so I used the code above and it works good!
    It looks like the rectangle button border might be 2px – is that right?
    What would be the code to change that to 1px?
    http://tbd.wpstagecoach.com/

    Thanks!

    serkan
    Moderator

    Hi Steve,
    You can use this custom css code;

    .is-more-link-button-style .blog-stream .more-link { border: 1px solid #333; }

    Thanks

    Steve B
    Participant

    Thanks! Works perfect!

    Anyway to do the same thing to the “view post” button on the slider in the featured area on home page? (just 1px border again)

    Thanks!

    serkan
    Moderator

    Hi,
    You can use this custom css code;

    .is-slider-more-link-button-style .post-thumbnail .more-link { border: 1px solid #fff; }

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register