Custom CSS Buttons

  • Resolved ArgyrosfeniX

    (@argyrosfenix)


    9 years, 3 months ago

    Hello,

    Attempted to utilize the Custom Styled buttons for my site, but they become so much larger than the non-custom ones.

    Any idea what’s going on? I’d really love to have a custom color with the non-custom sized buttons, please.

    Thanks in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nicolas Figueira

    (@nahuelmahe)

    9 years, 3 months ago

    Hello @argyrosfenix,

    Could you try disabling other plugins and changing the theme in order to identify what could cause the issue?

    Could you send a screenshot?

    Regards,

    Thread Starter ArgyrosfeniX

    (@argyrosfenix)

    9 years, 3 months ago

    Sorry. Can’t seem to get either my dropbox or my googledrive screen-captures to show. I’ll post again when I have ftp uploading to my site at home. 🙁

    • This reply was modified 9 years, 3 months ago by ArgyrosfeniX.
    • This reply was modified 9 years, 3 months ago by ArgyrosfeniX.
    • This reply was modified 9 years, 3 months ago by ArgyrosfeniX.
    Thread Starter ArgyrosfeniX

    (@argyrosfenix)

    9 years, 3 months ago

    Hi Nicolas,

    Here’s what I’m currently using as I prefer the thinner buttons vs the color of the theme:

    This is what it looks like when I add the CSS styled button / color (#731616).

    Here’s with all other Plugins turned off -> it’s moved to the right due to a columns plugin being off…

    Here’s what we get with all Plugins turned off and the theme Twenty Fifteen.

    Hope this helps.

    Please let me know if there is anything else you’d like me to try / send captures of.

    Thanks again for looking into this!

    (Sorry this took so long…. 🙁 )

    • This reply was modified 9 years, 3 months ago by ArgyrosfeniX.
    Plugin Author Nicolas Figueira

    (@nahuelmahe)

    9 years, 3 months ago

    Hello @agyrosfenix,

    I think the padding and font-weight and font-size might not suit your needs.

    Please try adding (with different values) in the CSS file of a child theme or a customizer CSS :

    .direct-stripe-button {
    padding: valueup valueright valuebottom valueleft;
    font-weight: value;
    font-size: value;
    }

    With the correct values you will reach what you need, I recognize current sides padding may be too big and PX may not be the best unit. You can try with rem unit.

    Best regards

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

The topic ‘Custom CSS Buttons’ is closed to new replies.