Support » Plugin: Service Area Postcode Checker » Styling Options

  • Resolved kevinlenahan

    (@kevinlenahan)


    How do I override the default styles so I can have the Postcode Checker match the rest of my site?

    I am most interested in changing the Input style, but any other hints would be welcome.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author second2none

    (@second2none)

    Hey Kevin,

    To style the Input you can just use custom CSS:

    input.postcode_check_input{
    background: blue;
    }

    To Style the Button, or Success or Error Messages you can add an extra class within the options.

    Thread Starter kevinlenahan

    (@kevinlenahan)

    OK, I think I am getting the hang of things (my CSS skills are lacking a bit).

    But how can I change the placeholder text to something like “Enter your ZIP code” instead of “Start Typing Your Postcode”?

    • This reply was modified 2 years, 7 months ago by kevinlenahan.
    Plugin Author second2none

    (@second2none)

    No worries,there isn’t an option to change that just yet, but I’ll include that in the next update probably sometime next week.

    Thread Starter kevinlenahan

    (@kevinlenahan)

    I see you pushed out an update, but I don’t see an option to change the placeholder text.

    Also, the latest plugin when combined with the latest version of Divi (3.19.18), as soon as the plugin is enabled, I am no longer able to see or edit the page I am using the plugin on – on both the front end or back end.

    Plugin Author second2none

    (@second2none)

    Sorry mate been busy past few weeks. This update was only the readme file as per requested from WordPress. I will try and get that done within the next few days when I find some spare time.

    Plugin Author second2none

    (@second2none)

    Can you send a screenshot of the back end issue? I’m not sure it will work backend too the scripts not enqueue for admin.

    Thread Starter kevinlenahan

    (@kevinlenahan)

    Here are the Screen Shots that I made this evening, they can be found here:

    Front End Before:
    http://reunionfoods.com/troubleshooting/FrontEnd_Before.png

    Back End Before:
    http://reunionfoods.com/troubleshooting/BackEnd_Before.png

    Front End After:
    http://reunionfoods.com/troubleshooting/FrontEnd_After.png

    Back End After:
    http://reunionfoods.com/troubleshooting/BackEnd_After.png

    I am using WordPress 5.1 and Divi 3.19.18.

    The browsers I used for testing are Firefox 65.0.1, Safari 12.0.3 and Chrome 72.0.3626.121 – all on a Mac running macOS Mojave 10.14.3

    Thanks for looking into this.

    Plugin Author second2none

    (@second2none)

    Hey Kevin, working on the placeholder update now.

    I noticed you haven’t included your list select, this is more than likely causing a PHP error but wordpress hide them by default.

    Try adding this to your shortcode:
    list-select=”Default”

    but change default to whatever you named your list in the options page. Your other attribute button-class should use either double quotes ” or single quotes ‘ but it looks like you are using backtick `

    Thread Starter kevinlenahan

    (@kevinlenahan)

    I saw that you pushed out the update with Placeholder Text field. Thank you.

    I updated the plugin and I am still having the same problem with the front end and back end going blank as soon as I enable the plugin.

    These are the shortcodes I tried:

    [sapc_checker]

    [sapc_checker button-class=”et_pb_button_module_wrapper et_pb_button_0 et_pb_button_0::after et_pb_button” list-select=”Default”]

    The crazy thing is, I can activate the plugin, and not have any issues – but as soon as I enable the shortcode, I start having the issue with the blank pages.

    If there is anything I can do to help you troubleshoot, just let me know.

    Thanks

    Plugin Author second2none

    (@second2none)

    Hey Kevin, would it be possible to create a test page with the shortcode and post the link here. I might be able to see what’s going on but might need to turn on php errors as well. What version of php are you running? It could be conflicting with another plugin

    Hi Seconds2None,

    This has been a lifesaver plugin with my limited programming skills. I wanted to change the success message to be bigger and bold. I saw above you said “you can add an extra class within the options.” How do I do that? Sorry my CSS is limited!

    Thanks,

    Julia

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Styling Options’ is closed to new replies.