• Resolved danielandrosie

    (@danielandrosie)


    Hello

    I am adding a full screen image on one of my pages and then the registration form/table over the image. When I do this, the form/table doesn’t show any transparent gaps between the input fields. So the table just looks like one white solid block.

    Is there anyway I can have a background image sitting behind the registration form/table and make it so the form field labels are transparent so there are gaps between the form input fields and the form label fields?

Viewing 15 replies - 1 through 15 (of 19 total)
  • Thread Starter danielandrosie

    (@danielandrosie)

    @danielandrosie

    The background does not seem to be there, so I can’t say for sure.

    However, you may be interested in this

    CSS z-index

    Thread Starter danielandrosie

    (@danielandrosie)

    Hey! It;s there now. Can you please check agaian.

    Thread Starter danielandrosie

    (@danielandrosie)

    Hello. The background image is there now. Can you please kindly check again?

    Thank you

    Well, you have a <div> that has the following CSS styling:

    class="um-row _um_row_1"

    So it could be either

    .um-row

    or

    ._um_row_1

    that is setting the background as

    background-color: #ffffff

    I can’t really tell which one it is….check both

    To make it transparent you need to change that to

    background-color: rgba(0,0,0,0)

    @danielandrosie

    And if you can’t find it, you can try a brute force approach and add this as custom CSS

    
    .um-row, ._um_row_1 {
    background-color: rgba(0,0,0,0)
    }
    
    

    Alternatively, you just wait and see if someone with more experience about this plugin replies.

    I am sure they would have a better fix.

    Thread Starter danielandrosie

    (@danielandrosie)

    Thank you. I tried both of your suggestions, but neither work šŸ™

    @danielandrosie

    Sorry to hear that.

    Upon further inspection I notice that the background is being applied inline.

    This means that whatever changes you use in CSS will always be overridden by the inline style.

    This is what it looks like for reference:

    <div class="um-row _um_row_1 " style="padding: 0px 0px 0px 0px;background-color: #ffffff;margin: 0px 0px 30px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px;">

    your best bet is to wait for someone who knows better about this plugin to reply.

    Good luck

    Thread Starter danielandrosie

    (@danielandrosie)

    Thank you very much, I appreciate the information and your prompt help!

    The effect

    Thread Starter danielandrosie

    (@danielandrosie)

    Oh My God – that is exactly what I want! Sorry I missed this message last night, I only have seen it this morning. Are you able to tell me how/where I need to make the changes so I can get the page looking exactly like the above?

    Thank you very much!

    Thread Starter danielandrosie

    (@danielandrosie)

    What I meant to say was how do I change it so the background isn’t being applied inline?

    Thank you!

    @danielandrosie

    Hello again

    no worries, I just put it there for reference and was not waiting for a reply.

    I won’t bother you with the details unless you want me to, But there is not much you can do about the inline style unless you modify the plugin files (I think)

    it’s a fairly simple fix to apply in theory

    <div class="um-row _um_row_1 " style="padding: 0px 0px 0px 0px;background-color: #ffffff;margin: 0px 0px 30px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px;">

    needs to be changed to

    <div class="um-row _um_row_1 " style="padding: 0px 0px 0px 0px;background-color: rgba(0,0,0,0);margin: 0px 0px 30px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px;">

    However, without knowing how the plugin is structured, which I don’t, I can’t help.

    Thread Starter danielandrosie

    (@danielandrosie)

    Woah what awesome and responsive support, thank you very much!

    I will have a play around and see if I can work it out, otherwise I shall be back for the detail šŸ™‚

    Thank you!

Viewing 15 replies - 1 through 15 (of 19 total)

The topic ‘Background Image’ is closed to new replies.