Conversation Block's font color change

Permalink Browser Info Environment
Hi,
I am using Conversation block on dark page (only this page is dark) and text is not readable.
What is the simpliest way (block's Custom CSS?) to change only blocks font color?
I don't want to set light background under this block. :)

Type: Discussion
Status: In Progress
pedroC5
View Replies:
VidalThemes replied on at Permalink Reply
VidalThemes
Hi There,

Yes, you would have to add some custom CSS, please follow the steps below:

1/ Click on the "Cog" icon on the top left of the concrete5 admin bar, from the menu select "Design" and then click "Customize" on the blue overlay.

2/ From the customize options scroll all the way to the bottom until you see the "Advanced" section, under that click on the "Cog" icon that is next to the words "Custom CSS" in the CSS window that appears paste in the following CSS code:

.ccm-conversation-message-controls a, .ccm-conversation-message-controls {
    color: #ffffff !important;
}
.ccm-conversation-message-body {
    color: #ffffff;
}
.ccm-conversation-message-byline span {
    color: #ffffff !important;
}


3/ Click on "save changes" then click on "Entire site" and publish your page.

The above code should turn everything in the commentators box to white text, if you don't want it quite so bright, just adjust the "#ffffff" hex code accordingly.

Best regards

David
pedroC5 replied on at Permalink Reply 1 Attachment
pedroC5
The code looked great to me, but it didin't change the commenting font color from black to white (#ffffff).
I think this should override conversation block normal settings.
pedroC5 replied on at Permalink Reply
pedroC5
..neither does blocks Design & Custom Template text color change which I firt tried.
pedroC5 replied on at Permalink Reply 1 Attachment
pedroC5
BTW there are two warning in lines 2 and 8, see attachment.
VidalThemes replied on at Permalink Reply
VidalThemes
Yes its just warning that use of "!important" is a nuclear option, but in this case we want it to be as we don't want the conversation block inheriting its styles from the anywhere else.
VidalThemes replied on at Permalink Reply
VidalThemes
Hi There,

Hmmm, thats odd this works on our version of Modena, please try this instead.

.ccm-conversation-message-controls a, .ccm-conversation-message-controls {
    color: #ffffff !important;
}
.ccm-conversation-message-body {
    color: #ffffff !important;
}
.ccm-conversation-message-byline span {
    color: #ffffff !important;
}


Best regards

David
VidalThemes replied on at Permalink Reply
VidalThemes
One other thing also, if it's not applying please clear your C5 and browser cache too, as it can be a bit sticky.
pedroC5 replied on at Permalink Reply 1 Attachment
pedroC5
No success with the new code. Tried also to clear cache.
System warnings also with this code in lines 2, 5 and 8 (attachment).
pedroC5 replied on at Permalink Reply
pedroC5
This Conversation block on page is not so important. I can took it away... or turn background lighter :)
Thanx for a quick help David. You have done a great theme.
VidalThemes replied on at Permalink Reply
VidalThemes
Hi There,

That is strange, is the site live? or accessible to me is some way? If you send me over a link I would be happy to take a closer look for you.

The warnings are just letting you know that "!important" is being used, and it will override all other styles, or it should do.

Good to hear you are enjoying using Modena so far.

Best regards

David

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.1
Version Installed - 8.5.1
Database Version - 20190301133300

# concrete5 Packages
Community Store (2.2.7), ExchangeCore reCAPTCHA (1.1.1), Modena Theme (1.1.0), Simple Audio Player (0.9.1)

# concrete5 Overrides
None

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache/2.4.18

# Server API
fpm-fcgi

# PHP Version
7.0.33-0ubuntu0.16.04.4

# PHP Extensions
apcu, calendar, cgi-fcgi, Core, ctype, curl, date, dom, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imagick, imap, intl, json, libxml, mbstring, mcrypt, memcache, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, pspell, readline, recode, Reflection, session, shmop, SimpleXML, soap, sockets, SPL, sqlite3, standard, sysvmsg, sysvsem, sysvshm, tidy, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend OPcache, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 128M
post_max_size - 64M
sql.safe_mode - Off
upload_max_filesize - 64M
memcache.max_failover_attempts - 20
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
opcache.max_accelerated_files - 2000
opcache.max_file_size - 0
opcache.max_wasted_percentage - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 11_1_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.