WordPress.org

Ready to get started?Download WordPress

Forums

discover
[resolved] call to action button (6 posts)

  1. lizi.stansfield
    Member
    Posted 9 months ago #

    My call to action button on my home page, with Discover Pro theme has changed: round edges and bold text. I'm not sure when/how this happened.
    Can anyone advise what code I need to change to get it back to regular text with hard corners please
    http://www.idldn.com

  2. vestimir
    Member
    Posted 9 months ago #

    Just remove *-border-radius definitions and font-weight: bold from your .button class in CSS.

  3. lizi.stansfield
    Member
    Posted 9 months ago #

    Thanks for the quick response. Oddly there isn't a .button cass in the CSS

  4. vestimir
    Member
    Posted 9 months ago #

    Yup, there is - check this file - http://www.idldn.com/wp-content/themes/discoverpro/css/foundation.css, around line 428 there's the .button definition and you can search trough the file.

    Also I noticed that you are using the Foundation CSS framework so you can consult with their documentation on buttons if that's of any help - http://foundation.zurb.com/docs/components/buttons.html.

  5. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    The border radius is actually from the form-maker plugin - this CSS:

    .button {
        border-radius: 11px 11px 11px 11px !important;
        border-width: 1px;
        text-shadow: 0 1px 0 #FFFFFF;
    }

    If you want to get rid of that, try adding this to your custom CSS:

    .button {
        border-radius: 0 !important;
    }
  6. lizi.stansfield
    Member
    Posted 9 months ago #

    Thank you so much WPyogi. I just deleted the Form Maker Plug in (wasn't required) and the button is back to solid corners and not bold.
    Thanks for your help too Vestimir

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.