Notifications
Clear all

How do I change the embedded content background color to something darker?

18 Posts
4 Users
3 Reactions
2,472 Views
Richard Simolari
Posts: 15
Customer
Topic starter
(@gnomebe)
Member
Joined: 5 years ago

How do I change the embedded content background color to something darker?

Capture

 

17 Replies
Kyle
Posts: 728
 Kyle
(@kylew)
Prominent Member
Joined: 3 years ago

HI @gnomebe,

please provide the URL for that post.

Reply
3 Replies
Richard Simolari
Customer
(@richard-simolari)
Joined: 5 years ago

Member
Posts: 2
Kyle
 Kyle
(@kylew)
Joined: 3 years ago

Prominent Member
Posts: 728

Hi @richard-simolari,

Insert the below CSS Code in Custom CSS Code field from Dashboard > Forums > Settings > Styles Tab:

#wpforo #wpforo-wrap .wpf-oembed-wrap {
    background-color: #000000;
}
Reply
Richard Simolari
Customer
(@gnomebe)
Joined: 5 years ago

Member
Posts: 15

@kylew I added the code above but the background is still white? I purged the cache and checked twice. 

Reply
Posts: 76
Customer
(@tutrix)
Member
Joined: 5 years ago

@gnomebe

remove ".wpf-dark" from your code

#wpforo #wpforo-wrap.wpf-dark .wpf-oembed-wrap {background-color: #444444;}

then it works

#wpforo #wpforo-wrap .wpf-oembed-wrap {background-color: #444444;}
Reply
1 Reply
Richard Simolari
Customer
(@gnomebe)
Joined: 5 years ago

Member
Posts: 15

@tutrix Thank you for the help, but still a white background?

 

🤔

Reply
Posts: 76
Customer
(@tutrix)
Member
Joined: 5 years ago

@gnomebe

you use these 2 codes  (.wpf-dark)

#wpforo #wpforo-wrap .wpf-oembed-wrap{background-color: #ececec;}

#wpforo #wpforo-wrap.wpf-dark .wpf-oembed-wrap {background-color: #444444;}
Reply
1 Reply
Richard Simolari
Customer
(@gnomebe)
Joined: 5 years ago

Member
Posts: 15

@tutrix Thank you for the help, but still a white background?

🤔

Reply
Posts: 76
Customer
(@tutrix)
Member
Joined: 5 years ago

@gnomebe

you still use the same code, you have not changed anything

 

you should only use this code

 

#wpforo #wpforo-wrap .wpf-oembed-wrap {background-color: #444444;}

 

Reply
1 Reply
Richard Simolari
Customer
(@gnomebe)
Joined: 5 years ago

Member
Posts: 15

@tutrix I am hopeful. The background is still white after I used only the code provided below.

Transparent would be good too.

#wpforo #wpforo-wrap .wpf-oembed-wrap {background-color: #444444;}
Reply
Page 1 / 2
Share:
Scroll to top