Transparent Background CSS Please

Hi,

Could you please try to use the following code:

div[class=”blog_style_object_container_0″] *{
background-color: transparent !important;
}
Please note that this will work particularly for this feed.

Have a wonderful day!

Thanks very much! It’s better, as you can see. Now the entire background of the widget is darker than the theme. Any other ideas?

Hey!

Could you please use the following code instead?

div[class="blog_style_object_container_0"] *,
#ffwd_container1_0 #ffwd_container2_0 .ffwd_blog_style_object_info_container_0,
#ffwd_container1_0 #ffwd_container2_0 .blog_style_object_container_0 {
    background-color: transparent !important;
}

You can add it to Appearance > Customize > Additional CSS option.
Cheers!

Awesome! You have been most helpful. Thanks very much.

One last thing. See how some of the text is black instead of white at the top? I managesd to make most of it white but not all and it looks choppy. Is there CSS that will make all the text white?

Hi,

Could you please send a screenshot of the text that you want to make white. I have checked and seems that all text in the top is already white.

Thanks. Have a nice day.

Thanks. look here:
https://medievalmysteries.net/wp-content/uploads/2018/12/fb-feed-formatting.jpg

Hi,

Please try to use the following custom css code:

#ffwd_container1_0 #ffwd_container2_0 .ffwd_blog_style_object_info_container_0 .ffwd_blog_style_object_story_0 {
    color: #ffffff !important;
 }

Thanks. Have a nice day.

Thanks so much for all your help. All we need now is less padding on the widget. On a mobile phone only the widget needs 10 or 15 pixels max padding left and right. May I have CSS for that?

Hey!

Please use the following CSS code to fix the padding on mobile display:

@media screen and (max-width: 768px) {
    .footer-column.last {
        padding: 5px;
    }
}

Let us know if it works.
Cheers!

Perfect. You have been wonderful. Thanks so much