background opacity

[erhard]

Hi,

is there a possibility to get opcity in the background color: column, textblock, etc.?

Extra Class: .spb_text_column { opacity: 0.6; } dont’t work.

Many thanks in advance,

Erhard

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us a link so we can check it?

-Rui

[erhard]

Hi,

sorry, I am testing on MAMP.

And sorry, I was not clear.

With .spb_text_column { opacity: 0.6; } the hole contet is transparent.
It would be great if only the background color is transparent.

Thanks, Erhard

[Rui Guerreiro – SUPPORT]

Then will need you to provide me the page content.
Paste it here.

Thanks

-Rui

[erhard]

Hi,

[spb_row element_name=”Row” wrap_type=”standard-width” row_bg_type=”image” color_row_height=”content-height” bg_image=”15738″ bg_type=”cover” parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”standard” bg_video_loop=”yes” parallax_video_height=”window-height” row_top_style=”none” row_bottom_style=”none” parallax_video_overlay=”none” row_overlay_opacity=”0″ remove_element_spacing=”no” row_col_spacing=”0″ row_col_pos=”default” row_col_equal_heights=”no” row_expanding=”no” row_animation=”none” row_animation_delay=”0″ minimize_row=”no” simplified_controls=”yes” custom_css_percentage=”yes” custom_css=”margin-top: 0%;margin-bottom: 0%;” border_styling_global=”default” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ simplified_controls=”yes” custom_css_percentage=”no” padding_vertical=”10″ padding_horizontal=”10″ margin_vertical=”0″ custom_css=”margin-top: 0px;margin-bottom: 0px;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;background-color:#cfcfcf;” border_size=”0″ border_styling_global=”default” back_color_global=”#cfcfcf” el_class=”.opacity_06″ width=”1/3″ el_position=”first last”]

<span style=”color: #000000;”>This is a text block. Click the edit button to change this text.</span>

[/spb_text_block] [/spb_row]

custom css:

.opacity_06 {
opacity: 0.6;

Thanks, Erhard

[Rui Guerreiro – SUPPORT]

You need to replace the background color with and rgba format where you can set the opacity.
https://www.dropbox.com/s/u8a7cmxrn2whlpp/Screenshot%202016-11-17%2012.48.39.png?dl=0

I inspected the code and tried to change it in real time.

In this case the code will be

.opacity_06 {
   background-color: rgba(207, 207, 207, 0.6) !important;
}

-Rui

[erhard]

Hi,

great, it works. You save my day.

Thanks a lot!

Erhard

[David Martin – Support]

Marking as resolved.

Thanks.