Forums

How to change font size & color of feature title

Permalink
I'm trying to add feature icon to a block and find the title text defaults to smaller green font. I'd like to change to larger font of different color. How do I do that? I cannot find a way from edit the block or design.
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi kasperskyusa,

The Feature block styling is controlled by CSS in your theme.

This CSS will allow you to change the font size and color of the feature title.
div.ccm-page div.ccm-block-feature-item h4 {
    color: red;
    font-size: 20px;
}

This can be added to the page using Custom CSS:
Toolbar > Page Settings (gear icon) > Design > Theme > Customize > Custom CSS gear icon button
puffers replied on at Permalink Reply
Hello,

I had this script in v.5.7. When upgraded to v8, script was gone.
Added script again, but not showing up when trying to edit block.
Any suggestions on what to do to quickly change font colors when adding text to a block?

Running:
# concrete5 Version
Core Version - 8.2.1
Version Installed - 8.2.1
Database Version - 20170802000000

# concrete5 Packages
Fruitful (1.2), Neat (0.9.2), Responsive Embed (1.0.1), Stucco (2.1.3)

# concrete5 Overrides
None

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Thanks!
MrKDilkington replied on at Permalink Reply
MrKDilkington
@puffers

Are you referring to the Feature block title styling?
puffers replied on at Permalink Reply
Yes, just like the posting before. That process and script you had posted earlier made it very easy and quick to change font color.

But that script doesn't seem to work with the updated v.8.2

Any suggestions... OR any other way I can quickly change font color/style as this is not available in the current ribbon for the blocks.

Thanks.
MrKDilkington replied on at Permalink Reply
MrKDilkington
@puffers

What theme are you using and what is your website address?
puffers replied on at Permalink Reply
Elemental.
nasrs.net/edhs

Also .png files no longer visible on site....
Tried to upload new .png file thinking maybe a broken link... shows when you edit the block, then when you save it disappears??


Thanks for your help.
MrKDilkington replied on at Permalink Reply
MrKDilkington
@puffers

In the example page you posted, the CSS is being applied. The Feature block title is red and 20px.
puffers replied on at Permalink Reply
I figured it out.
Modified settings in rich text editor to include font color, size, etc

Still trying to figure out why .png files show in content block when editing, but not when saved and published.

Any thoughts or threads already on this?
Gondwana replied on at Permalink Reply
Gondwana
Re PNGs, recent versions of c5 have some unfortunate regression errors when handling non-JPG images (typically involving thumbnail generation). I think some errors have been corrected in the latest releases, but others are still being worked on (see https://github.com/concrete5/concrete5/pull/5900)....

Make sure you're using the latest version (8.2.1) and keep an eye out for subsequent releases. You could also try changing thumbnail settings in the dashboard (in particular, the image manipulation library). If you're really stuck and need instant gratification, try replacing your PNGs with JPGs.
puffers replied on at Permalink Reply
Thanks!
Good to know it wasn't just me going crazy...

It's a quick fix to change to .jpg, so I'll probably do that until new updates come out.