Прозрачость фонового цвета

mtihonov
8 Posts
mtihonov posted this 29 November 2021
Ask a Question

Здравствуйте! Как сделать прозрачность, например в таблице, для фонового цвета? Это для того, чтоб было видно фоновую картинку сайта.

Здравствуйте! Как сделать прозрачность, например в таблице, для фонового цвета? Это для того, чтоб было видно фоновую картинку сайта.
Vote to pay developers attention to this features or issue.
4 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 29 November 2021

Hi, Maksim,

Unfortunately, it is not possible to do that using native Nicepage tools. However, you can do the following:
1) Click on your table and open CSS Class on the right property panel.
2) Set the CSS class (for example, table) and click on Edit CSS.
3) In the code editor, type opacity. Set the value from 0.0 to 1.0 where 0.0 is full transparency.

enter image description here

4) Click Done and save changes. You can see them in the preview.

Let us know if you need our further help!
...................................................
Sincerely,
Paul C.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Maksim, Unfortunately, it is not possible to do that using native Nicepage tools. However, you can do the following: 1) Click on your table and open *CSS Class* on the right property panel. 2) Set the CSS class (for example, *table*) and click on *Edit CSS*. 3) In the code editor, type *opacity*. Set the value from *0.0* to *1.0* where *0.0* is full transparency. ![enter image description here][1] 4) Click *Done* and save changes. You can see them in the preview. Let us know if you need our further help! ................................................... Sincerely, Paul C. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp [1]: https://i.imgur.com/SGQErSn.png
mtihonov
8 Posts
mtihonov posted this 29 November 2021

Спасибо, сработало.

Спасибо, сработало.
mtihonov
8 Posts
mtihonov posted this 29 November 2021

Хотя в этом случае и текст становится полупрозрачным и получается плохочитаемо.

Хотя в этом случае и текст становится полупрозрачным и получается плохочитаемо.
Support Team
Support Team posted this 30 November 2021

Hi, Maksim,

In this case, instead of the code above, insert this one:

.u-table table {
background-color: rgba(117, 190, 218, 0.2);
}

You can set any color by typing a value from 0 to 225. The fourth value is transparency from 0.0 to 1.0 where 0.0 is full transparency. Also, before inserting this code, turn off the background color for the Table in the right property panel.
...................................................
Sincerely,
Paul C.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Maksim, In this case, instead of the code above, insert this one: .u-table table { background-color: rgba(117, 190, 218, 0.2); } You can set any color by typing a value from 0 to 225. The fourth value is transparency from 0.0 to 1.0 where 0.0 is full transparency. Also, before inserting this code, turn off the background color for the Table in the right property panel. ................................................... Sincerely, Paul C. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments