How to expand backg...
 
Notifications
Clear all

How to expand background

6 Posts
2 Users
0 Likes
1,382 Views
(@abe675)
New Member
Joined: 5 years ago
Posts: 3
Topic starter  

Hi, 
How do I expand the dark theme background to the edges of the screen,
Also the comments are dark and cannot be seen how can I change this.
Lastly the social share buttons, are they for sharing the website or the comments?

Image attached for reference

Capture4

 


   
Quote
Astghik
(@astgh)
Illustrious Member Admin
Joined: 6 years ago
Posts: 5915
 

Hi @abe675

Please add the following CSS code in "Custom CSS Code" textarea, save it, delete all caches and check again: 

#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea{ 
background: url( http://profprojects.org/demo/ar/wp-content/plugins/wpdiscuz/assets/img/dark.png ) #222222;
color: #fff;
}
#wpcomm.wpd-dark .wc-comment-text {
color: #fff;
}

   
ReplyQuote
(@abe675)
New Member
Joined: 5 years ago
Posts: 3
Topic starter  

Thank you for your response. 

The above code given did this

Capture5

 

But what I want is to be this, i.e. set background of entire section match with my theme rgb code

tempsnip

 

Also as seen in the second image, the comment text is black and can only be seen when highlighted, How can I change it?


   
ReplyQuote
Astghik
(@astgh)
Illustrious Member Admin
Joined: 6 years ago
Posts: 5915
 

@abe675

The code in the previous post is updated. Please try it. 


   
ReplyQuote
(@abe675)
New Member
Joined: 5 years ago
Posts: 3
Topic starter  

Thank you for your prompt response.
I was able to get the comment in white. How to change "Leave a reply" to white
Also my background is still white, image attached

tempsnip1

 

What I would like is for it to match with my theme color background like this

tempsnip

 


   
ReplyQuote
Astghik
(@astgh)
Illustrious Member Admin
Joined: 6 years ago
Posts: 5915
 

@abe675

I was able to get the comment in white. How to change "Leave a reply" to white

Please use this CSS code:

#wc-comment-header {
color: #fff !important;
}
 

What I would like is for it to match with my theme color background like this

I think this is a theme issue, in any case, please leave some example URL to allow us to check it. 


   
ReplyQuote
Share:
Scroll to top