How Do You Make A Table Transparent?

[Liam]

Jul 22, 2018 14:13:48 GMT -8 Violette said:

Jul 22, 2018 14:04:41 GMT -8 Liam said:

If you could temporarily open your forum so we can look at the code and test to see what works, that would help out a lot. You can put it back into maintenance mode when it's fixed.

Unfortunately, I have the forum pretty messed up, moving stuff around and changing things up. (I really would hate for anyone to see it right now. LOL) I could put the table on a test forum, and put in a patterned background for it, and then I could open that, if you want to give it a try?

It's just difficult to provide a solution off-hand without being able to actually look at the code and see how it all works together. If you opened it up I'm fairly sure it would be a super simple fix. A test forum would be fine as long as it's the same as your current forum.

The CSS code that was posted before should have worked, but it's not for some reason.

[Violette]

I totally understand! I'll put that table on a test forum along with the same theme, but it will take me a minute or two. Hang on.

[Violette]

Okay, here is the link to the test forum: barbiesplace.proboards.com/

Maybe this code in the style sheet is causing the problem?

#wrapper {
width: @wrapper_width;
overflow-x: hidden;
margin: 20px auto 20px auto;
padding: 15px 0px 5px 0px;
/*background: rgba(255,255,255,1);*/
border: 15px solid #e1c9c9;
border-radius: 2px;
}

[Lynx]

Jul 22, 2018 14:56:24 GMT -8 Violette said:

Okay, here is the link to the test forum: barbiesplace.proboards.com/

You have Guests Must Login set for that forum.

[Violette]

Jul 22, 2018 15:00:21 GMT -8 Lynx said:

Jul 22, 2018 14:56:24 GMT -8 Violette said:

Okay, here is the link to the test forum: barbiesplace.proboards.com/

You have Guests Must Login set for that forum.

I hope I have now fixed that...try again!

[Liam]

Okay, in your table code you should find a <div> tag with the class "content".

Modify that div by adding the style attribute like this:

<div class="content" style="background: rgba(250, 240, 240, 0.7);">

EDIT:

Hang on, you already have that code in there. It isn't working because you also have transparent; before the rest of the code. Your code looks like this:

<div class="content" style="background: transparent; rgba(227, 220, 220, 0.3);"

but it needs to look like this:

<div class="content" style="background: rgba(227, 220, 220, 0.3);"

That should fix it. If you think the table is too transparent, increase the last number. A value of 1 makes it totally opaque, and a value of 0 makes it totally transparent. Maybe something like 0.7 would look good.

[Violette]

Yay, Liam ! That fixed it! I'm a happy camper! Thank you so much for helping me with this! Big hug and thanks to you, along with Lynx and Retread ! You guys are awesome to take the time to help fellow members here!

Here is the image for it now:

[Lynx]

Jul 22, 2018 13:27:47 GMT -8 Lynx said:

Violette,

Okay, I'll make one more stab at it. If this doesn't work, you'll need to wait for someone else. Try changing this:

<div class="content" style="background: transparent;">

to this:

<div class="content" style="background: rgba (0,0,0,0.3);">

Tsk tsk, Violette. Looks like you added the rgba rather than change the line like I had stated.

Glad you got it all sorted now though.

[Violette]

Jul 22, 2018 16:59:01 GMT -8 Lynx said:

Jul 22, 2018 13:27:47 GMT -8 Lynx said:

Violette ,

Okay, I'll make one more stab at it. If this doesn't work, you'll need to wait for someone else. Try changing this:

<div class="content" style="background: transparent;">

to this:

<div class="content" style="background: rgba (0,0,0,0.3);">

Tsk tsk, Violette . Looks like you added the rgba rather than change the line like I had stated.

Glad you got it all sorted now though.

On no...I didn't notice that I did that! I'm so sorry! You were very helpful and I humbly apologize for not paying attention! Will this make up for it a little bit?



Hugs,

Violette

[Lynx]

Jul 22, 2018 19:39:59 GMT -8 Violette said:

Jul 22, 2018 16:59:01 GMT -8 Lynx said:

Tsk tsk, Violette . Looks like you added the rgba rather than change the line like I had stated.

Glad you got it all sorted now though.

On no...I didn't notice that I did that! I'm so sorry! You were very helpful and I humbly apologize for not paying attention! Will this make up for it a little bit?



Hugs,

Violette

Oooh, bribery with chocolate!

I'm just glad it was sorted out in the end.