Support » Plugin: Protected Posts Logout Button » Button CSS class

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nate Reist

    (@natereist)

    You would enter the css class associated with the button styles from your stylesheet. There are several ways to determine this, but you may want to consider using your browser’s web inspector: http://kb.oboxthemes.com/articles/how-to-get-css-styles-for-elements/

    Or reading through your themes stylesheet. If you have have a web url to the page in question please don’t hesitate to send it to me.

    If you have any issue with this please let me know

    Thread Starter namster2k

    (@namster2k)

    Here’s an example of the button style I’d like to use on my site:
    http://huysindustries.com/newsite/what-we-do/

    After inspecting the element of the button, I found that the class is called “_self pt-cv-readmore btn btn-success btn-sm”.

    When I entered that as the Button CSS class, it works. However the font on the button is black as opposed to white like on the other page. Any way to change the font colour?

    Plugin Author Nate Reist

    (@natereist)

    Hey namster2k,

    It looks like that conflict comes from a default class button inside your themes stylesheet ( virtue ) that sets the color of .button to color: #444;

    If you have a way to safely add css to you site you could overwrite that with this:

    input[type="button"].button.logout{
    color:#fff !important;
    }

    A good way to safely add css to your theme is with jetpack’s custom css plugin

    Hope this helps

    Thread Starter namster2k

    (@namster2k)

    Perfect! That did the trick!
    Thank you very much, Nate!

    Actually the Virtue theme also has a built-in Custom CSS editor, so I was able to copy and paste the code in there with no problems.

    Thanks again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Button CSS class’ is closed to new replies.