custom css for buttons and button text


Home Forums Front End PM PRO custom css for buttons and button text

This topic is: Resolved

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #22457
    james Hadley
    Participant

    Hello All, I am using some custom CSS to set button for button colors per this:

    .fep-button {
    background-color: #ffffff !important;
    }
    .fep-button-active {
    background-color: #5033679c !important;
    }
    .fep-success {
    background-color: #33679c !important;
    }
    #fep-header, #fep-content, #fep-footer {
    border: 1px solid #33679c !important;
    }

    And I am getting most of the buttons the way I want them per the attached image. Can you assist in getting the active button text to display as #ffffff and the send(submit) button to either have the same color as the active button or white as it is now with #33679c as the text for the send button please? None of the appearance settings seem to have any affect on the message screen so not sure how to get there from here. Please advise. Thanks

    Attachments:
    You must be logged in to view attached files.
    #22468
    shamim
    Keymaster

    Did you tried using Front End PM PRO > Settings > Appearance?

    For any css change better using browser developer tools. You can google or see https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools

    #22484
    james Hadley
    Participant

    Hi Shamim,

    Yes I have tried the Settings/Appearance options but they do not affect the colors for most of the choices provided in your plugin for some reason. I had hoped upgrading would have fixed this but it did not. I got the css I tried already from your support page but that did not include the code for the submit button or the active button and text so as per my image sent these two cannot be adjusted with the Settings/Appearance options. I will try to track it down in some other way and if I cannot find a remedy I will simply remove the plugin and try another one.

    Thanks

    Mark Cramer

    #22488
    shamim
    Keymaster

    As you sent me some code, i thought you can write code. Sorry for that.
    Theme can override this plugin css so it may also override Appearance settings.

    You can use following code

    .fep-button{
        background-color: #ffffff !important;
        color: #5033679c !important;
    }
    .fep-button:hover,.fep-button-active{
        background-color: #5033679c !important;
        color: #ffffff !important;
    }
    

    Then clear your cache (browser and website) and test.
    Please let me know.

    #22501
    james Hadley
    Participant

    Hi Shamim, Thanks so much – works perfectly!

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

You need to purchase ‘Front End PM PRO’ to create topic in this support forum.

If you already purchased ‘Front End PM PRO’ please LOGIN.