Support » Plugin: Flexible Frontend Login » How to modify the CSS?

  • Resolved Musadiq


    Hi, thanks for the plugin and I hope is what I’m looking for. I guess the function worked as it supposed to except I don’t understand how to modify the CSS for the pop up box?

    Currently I’m running my theme on localhost. And correct me if I’m wrong but I think I already did as you told which is to:

    1. Create a subfolder called “flexible-frontend-login” in your theme folder. Ok I did that.

    2. And copy the css file from the plugins/flexible-frontend-login/css/ffl-style.css into the new “flexible-frontend-login” in my theme folder. Yes, I did that too.

    3. After that I start with simple thing which I modify the background color of the popup box–just to see the result–from white to red.

    #ffl-boxes #ffl-dialog {
    background-color: #cb0101;
    	padding:1em 2em;
    	border:solid 1px #000;
    	box-shadow:0 0 6px 2px #000;

    But nothing happened. I refresh it several times and its stil the same. Did I miss something?

    Thank you very much in advance.

Viewing 8 replies - 1 through 8 (of 8 total)
  • I modified it directly in the plugin folder CSS. That way didn’t work for me either.



    I try that too and didn’t work for me either, and what strange is that there is this guide saying:

    /* Upload the ffl-style.css into the new folder
    /* Finally choose “Use CSS file from your theme” in the dropdown menu above

    in the CSS file comment but I don’t see any drop down option 😕

    Strange, for me it work with three different ways:
    1. create and modify /wp-content/themes/myTheme/flexible-frontend-login/ffl-style.css
    2. modify /wp-content/themes/myTheme/style.css
    3. modify /wp-content/plugins/flexible-frontend-login/css/ffl-style.css

    About the drop down option. I don’t see one either.
    I guess guide and code are not consistent.



    that’s strange, where did I missed then? Okey, thanks for your info, I’ll give another try and will let you know. Thanks Boulli



    Hi Boulli, I manage to change the color and the box size, but my background image still not showing, can you link me to your site, so I can take a look css changes that you’ve made? Thanks.

    I made to many changes to the code.
    Linking my site will not be useful.

    But I uploaded the “modified” plugin here:

    Try it if you want. There is a lot more now (ajax, …).



    Hi Boulli, Thanks and its cool 🙂
    I’ll give it a try tomorrow morning, my time now is 1 past midnught 🙂
    Thanks again for the help. Really appreciate it.

    Plugin Author palatino


    With version 1.0 the issue with including the custom CSS should be resolved. The option to choose using custom CSS has been removed because just by adding the file and folder to your theme the file is included automatically.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to modify the CSS?’ is closed to new replies.