Support » Plugin: WD Facebook Feed - Custom Facebook Feed Plugin » Transparent Background CSS Please

  • Resolved 3speranz

    (@3speranz)



    See the Facebook feed in the lower right? See how the backgrounds in the widget don’t match the theme background? I’ve tried every CSS trick I can think of to make the backgrounds transparent and/or match the background color to the site background to no avail. Any ideas?

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Support editanazaryan

    (@editanazaryan)

    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?

    Plugin Support Agapi

    (@agharibyan)

    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?

    Plugin Support editanazaryan

    (@editanazaryan)

    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.

    3speranz

    (@3speranz)

    Plugin Support editanazaryan

    (@editanazaryan)

    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.

    3speranz

    (@3speranz)

    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?

    Plugin Support Agapi

    (@agharibyan)

    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!

    3speranz

    (@3speranz)

    Perfect. You have been wonderful. Thanks so much

Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.