• Resolved bartoro

    (@bartoro)


    Hello, please let me now that your widget is cool!!!!

    I want to include some user fields but I’m not able to use the css propertly. For my what is important is to create an space (margin) between the different rows envolved (input field, user field1, user field2,…). Also it would be cool if I could use my current theme CSS for buttons:

    http://www.observandoeluniverso.com/wordpress/sample-page/

    I selected the Relax CSS style but it is not working.

    I have try the solution you gave in the Apparence form post but still not working even including the css you suggested:

    #wordpress_file_upload_block_1 td.file_td_clean {
    max-width: none;
    }
    input#fileName_1 {
    width: 200px;
    padding: 10px;
    background: #f8f8f8;
    }
    form#uploadform_1 {
    width: 100px;
    height: 40px;
    }
    input#input_1 {
    width: 100px;
    height: 37px;
    background: black;
    border: none;
    color: white;
    margin-top: 1px;
    margin-left: 4px;
    }
    input#input_1.file_input_button_hover {
    box-shadow: inset 0px 0px 4px #fff;
    }
    input#upload_1 {
    width: 100px;
    height: 37px;
    background: black;
    border: none;
    color: white;
    margin-left: 4px;
    }
    input#upload_1:hover {
    box-shadow: inset 0px 0px 4px #fff;
    }
    input#upload_1:disabled {
    color: silver;
    }
    div#wordpress_file_upload_subfolders_1 {
    width: 404px;
    }
    span.subfolder_dir {
    height: 25px;
    display: inline-block;
    margin-top: 10px;
    }
    span.file_item_clean.subfolder_label {
    width: 140px;
    display: inline-block;
    }
    select#selectsubdir_1 {
    width: 264px;
    height: 40px;
    background: #f8f8f8;
    }

    Thank you!!!

    https://wordpress.org/plugins/wp-file-upload/

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

    (@nickboss)

    Hi, unfortunately custom css is always needed for matching the plugin with the theme. Even Relax CSS is not certain that it will work.

    If you add the following css, it will increase the margin between the user fields:

    div.file_userdata_container {
        margin-bottom: 6px;
    }

    Try it and let me know. Then we continue to the other requests.

    Nickolas

    Thread Starter bartoro

    (@bartoro)

    Margin is working, I’m trying to make the file width longer but not working when I modify the width param in the “Dimensions” tab. I introduce a numeric value follow by px but I always having the same result.

    As far as I understood there is no way to use my button css style in your widget, isn’t?

    Plugin Author nickboss

    (@nickboss)

    Do you have a specific button css? Yes it should work, but you need to apply it to the correct classes.

    The Select button class is file_input_button. The hover class is file_input_button_hover.

    The Upload button class is file_input_submit. The hover class is file_input_submit:hover and you also need to define file_input_submit:disabled when the button is disabled.

    Regarding the dimensions not working, this is strange. It should work. Please set a width for the filename and let me know so that I can check.

    Nickolas

    Thread Starter bartoro

    (@bartoro)

    Now is working.

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Appearance (margins and style)’ is closed to new replies.