Load Draft dialogue edit - Resolved

[Rebecca]

Nov 12, 2016 12:58:17 GMT -8 Kami said:

So here is the dealio.

I see you have set the background to red and it looks like a border. That is because the background is being covered up by a second element.


storage.proboards.com/forum/images/ui-icons.png

This is the image that is governing what appears in the close area.

If I add a background colour, watch what happens:

As you can see, the "border" is a result of the image blocking the rest of the background from being seen. I am not entirely sure if this particular thing can be changed.

As far as the content of the load draft, try this:

#autosave .message {
    background-color: #000000
    color: #000000
}

So that's why it didn't work. Would in theory be possible to make custom images and write code for each image? Anyway, I guess I'll have to go with it.

No, it's not working unfortunately. I believe it could be similar case to this - it is default and you can only change colour of the text by changing the colour of the text in posts.

[Kami]

In theory it would be possible. Off the top of my head I might suggest using CSS to hide the image, and adding your own, but it looks like that image affects more than just the close button so I wouldn't know how to handle that.

My mistake: I forgot to include a semi-colon after each line. Can you add a semi-colon in after the hex colours and see if that fixes it?

[Rebecca]

Nov 12, 2016 14:16:02 GMT -8 Kami said:

In theory it would be possible. Off the top of my head I might suggest using CSS to hide the image, and adding your own, but it looks like that image affects more than just the close button so I wouldn't know how to handle that.

My mistake: I forgot to include a semi-colon after each line. Can you add a semi-colon in after the hex colours and see if that fixes it?

You are amazing.

This is the full code and it works just like I wanted!

#autosave .message {
   background-color: #000000;
   border-radius: 0px;
   color: #ffffff;
   border-width: 1px;
   border-color: #000000    
}

And yes I had semi-colon included after each hex colour but I accidentally deleted the space between autosave and .message and that's why it didn't work...

Well that sounds more advanced and I am at the very beginning of understanding the codes and commands so I guess that will have to wait. Would it be okay to ask someone from staff to just clarify this?

But thank you. Thank you very much for your time and help!

EDIT: border-radius: 0px instead of .rounded-corners(0px);

[Kami]

I'm so glad I was able to help! I wish you luck in your coding journey (:

And I would go ahead and post in the support board about it; it's not really a templates thing since templates do not control that image (there's no variable to edit it) and it doesn't seem to be an option you can edit anywhere at all.

Good luck!

[Rebecca]

Nov 12, 2016 16:29:58 GMT -8 Kami said:

I'm so glad I was able to help! I wish you luck in your coding journey (:

And I would go ahead and post in the support board about it; it's not really a templates thing since templates do not control that image (there's no variable to edit it) and it doesn't seem to be an option you can edit anywhere at all.

Good luck!

Thank you! :3

Alright, I'll post a question there.

Edit:
Here is the code:

support.proboards.com/thread/604361/pop-dialogue-close-button-edit

---

In case someone needs different edits on pop up dialogues here are some threads that helped me:

support.proboards.com/thread/504908/popup-dialogue-containers
support.proboards.com/thread/583419/pop-transparent-background
support.proboards.com/thread/537284/more-titlebar


This thread can be marked as resolved.