'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
Read More
Close Page View
#

Garage door

only title-background and background-mask colors set

Open Link
Read More
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:

That last one is what I also did on this page. Therefore 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.

#

Garage door

Only title-background and background-mask colors set. The block has a custom class called myTitle.

Open Link
Read More
Close Page View

'Image plus' has also a custom effect prepared. You can create your own CSS rules for the following class:

.ip_view_-1  
More on 'Image Plus':
With an example template !
Only for testing Preview