'Image Plus' Add-on for concrete5

Built-in Options

Image Plus has a few options to change the looks of your image. You can:

change the background color of the Title
change the color of the Title
change the color of the description
change the color of the background mask (used for effects)

Note that you might want to choose a transparent background color !

Garage door

background, title, description and background-mask colors all set

Open Link

Close Page View

Garage door

background, title, description and background-mask colors all set

Open Link

Close Page View

Adapt CSS rules

Although there are many predefined effects, it is also possible to tweak them to your own needs. This will take some knowledge of CSS and HTML, but I tried to make it as easy as possible.

There are a few ways to change CSS styles on an 'Image plus' block:

create a template for the image_block
adapt CSS in your theme (hardcode, or use theme custom styles)
add CSS rules to a HTML block

That last option is what I also did on this page. Todo so, I created a simple HTML block as shown next.

HTML-block:

  <style>
    div.ccm-page .image_plus.myTitle h2 {
        color: green;
    }
</style>

This Image Block has a class added to it called: myTitle. This was done within the block itself, but could also be applied when editting the standard block design.