Background to Transparent

[Noah F]

Hello, 

 

The design I am going for: https://www.dojrp.com/communications/

 

I was wondering how they got the text boxes transparent as I am trying to do this on my forums. I have been looking and can not figure out the exact way to do so any help would be helpful.

[Joy Rex]

This can be accomplished via CSS - you'll need to create custom CSS that sets the background color to an RGB value plus a transparency Alpha value - see here for more info:

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-color4

the fourth value is the transparency value.

[Noah F]

Joy Rex, 

Thank you for the help, I have coded that now how would I upload that to all the pages on my website?

 

Thankyou again.

[Joy Rex]

6 hours ago, Noah F said:

Joy Rex, 

Thank you for the help, I have coded that now how would I upload that to all the pages on my website?

 

Thankyou again.

You would put any custom CSS in when you are editing your theme using Easy Mode:

From there, you would add your custom CSS to the Custom CSS area:

I find using your browser's built-in developer tools (like in Google Chrome, you can right-click and choose "Inspect Element" and a panel will appear that will highlight the code and you can then see the IDs and classes used to style the element) to find the element you want to customize  - for example, if you wanted to make the main content wrapper for the board transparent and set it to a dark gray with 50% transparency:

#ipsLayout_contentWrapper {
   background: rgba(125,125,125,.5);
}

I would recommend reading up on how to use Chrome's Developer Tools, and use it on other websites to learn how they achieved certain techniques and looks you might want to use on your own site.

 

Good luck!

[Noah F]

Hey Joy, 

It doesn't show that for me. 

 

So when I press new it automatically crashes and say invalided IP.

[steve00]

5 minutes ago, Noah F said:

Hey Joy, 

It doesn't show that for me. 

 

So when I press new it automatically crashes and say invalided IP.

Reason not showing is because Noah was showing the 'Easy' option when creating a new skin (you get option of Easy or Manual and looks like you chose Manual

you need to add to the custom.css that is showing in your screenshot

[Noah F]

Alright this is what it shows once I do 

"New" on the right hand side.

 

[steve00]

8 minutes ago, Noah F said:

Alright this is what it shows once I do 

"New" on the right hand side.

 

Why are you adding a new css file ... look for the custom.css in the last screenshot you gave

[Noah F]

Alright so I've fixed it now. 

 

But how would I go about adding an additional slots to it?

[steve00]

1 hour ago, Noah F said:

Alright so I've fixed it now. 

 

But how would I go about adding an additional slots to it?

Sorry what do you mean by additional slots

[Noah F]

Hey Steve, 

 

I was thinking about my footer, header and the search link I just can not figure it out..

Do you have any ideas to add onto the current custom css?

 

[steve00]

need more info as no idea what you are wanting to do