Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #977758

    Dear Kriesi/Enfold team,

    First of all congratulation on the roll-out of an even better Enfold theme over the past few months. It is significantly running better.

    One of the features I like a lot is the “copyright information” for images. I use it a lot as the vendor I use requires me to publicly show the copyright information.

    Feature request: Can the copyright overlay be enforced on all images larger than the thumbnail-size. I notice it is absent from featured images etc. when using the masonry or magazine layout. Also, when setting the image in a colour section as background (to get the parallax effect and complete fullwidth effect), the copyright information is not shown.

    Minor adjustment: Is it possible to change the ‘i’ icon to a © icon via CSS?


    Hey Medical,

    Can you show us what u want to do for the I live somewhere, it is possible using content: css but we would need to target it

    Best regards,


    Hi Basilis,
    Sorry for my very very late reply. I do appreciate your kind help.

    My question actually has two parts:
    1) This is an example of the current overlay:
    Notice the little “i” for information rather than a “©” icon? Wonder if that could be adjusted.

    2) The copyright information is currently only added with the ‘regular’ image element. However, it would be great if it could be enabled with all elements with images, such as:

    1) Background images for the “colour element” such as this one
    2) Images with hotspots
    3) Another background image in other elements.

    Thanks for your help once more.



    Thanks for the update.

    The copyright feature is only available for the image element as of this moment. If you really need to add it to other elements such as the color section, you have to do the following.

    1.) Edit the config-templatebuilder > avia-shortcodes > section.php file, remove everything and then replace it with the following code.


    2.) Add these css codes to render the copyright icon.

    * image copyright */
    .avia-section small.avia-copyright{
      font-size: 0.8em;
      text-align: left;
      line-height: 1.7em;
    /* Simple */
    .avia-section .avia-copyright{
      display: block;
    .avia-section.av-has-copyright .avia-image-overlay-wrap{
      position: relative;
      overflow: hidden;
    .av-styling-circle.avia-section.av-has-copyright .avia-section-inner{
      overflow: visible;
    .avia-section.av-has-copyright.av-styling-circle .avia-copyright{
      text-align: center;
    /* Icon Reveal on Hover */
    .avia-section.av-has-copyright.av-copyright-icon-reveal .avia-copyright{
      position: absolute;
      background-color: rgba(0,0,0,0.1);
      text-align: right;
      color: #fff;
      padding: 0 2em 0 0;
      right: 0;
      bottom: 0;
      width: 2em;
      line-height: 2em;
      max-height: 2em;
      text-indent: -99999px;
      overflow: hidden;
      transition: all 0.3s ease-in;
      z-index: 308;
    .avia-section.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{
      width: 100%;
      padding: 0 3em 0 1em;
      text-indent: 0;
      max-height: 100%;
      background-color: rgba(0,0,0,0.4);
    .avia-section.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{
      content: "\E81e";
      font-family: "entypo-fontello";
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      text-indent: 0;
      font-size: 0.8em;
      width: 2.6em;
      height: 2.6em;
      line-height: 2.8em;
      text-align: center;
      color: rgba(255,255,255,0.7);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      cursor: pointer;
    .avia-section.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover:after{
      background-color: rgba(0,0,0,0.2);
      color: rgba(255,255,255,1);
    .avia-section.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright{
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      background-color: rgba(0,0,0,0.15);
      text-align: right;
    .avia-section.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
    .avia-section.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      background-color: rgba(0,0,0,0.5);

    3.) Edit the color section, add a background image and then enable the copyright option as you would with the image element.

    You have to do the same modification for other elements with image.

    Best regards,


    Hi Ismael,
    Thanks for the detailed description. Would it be possible to copy the section.php to my child-theme, and edit it there? Or would that not overwrite the original theme file?


    • This reply was modified 2 years, 8 months ago by  medi-paper.


    Yes, it’s possible. You can read more on it in the documentation.


    Best regards,


    Thank you, Ismael. I’ll give it a try.



    Do you have something similar for
    – easy slider
    – mansonry gallery ?

    Best regards,


    Hi Blue_Bear,

    These options are not available at the moment.

    Best regards,


    I want really two sidebars at the same time. show 2 sidebars like here
    not build with avia layout builder! build with sidebars

    • This reply was modified 1 month, 2 weeks ago by  caw67.

    Hi caw67,

    Enfold does not have this option either, unfortunately.

    Best regards,

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.