Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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?

    #978608

    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,
    Basilis

    #997475

    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: http://dl.medi-paper.com/2m242L0E1T2C
    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 http://dl.medi-paper.com/0a212v0A3H33
    2) Images with hotspots
    3) Another background image in other elements.

    Thanks for your help once more.

    #997813

    Hi,

    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.

    // https://pastebin.com/e8anpUZS

    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,
    Ismael

    #997816

    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?

    Thanks

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

    Hi,

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

    // https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#add-elements-to-alb

    Best regards,
    Ismael

    #999655

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

    #1282212

    Hi,

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

    Best regards,
    Clément

    #1282629

    Hi Blue_Bear,

    These options are not available at the moment.

    Best regards,
    Victoriakries

    #1283315

    I want really two sidebars at the same time. show 2 sidebars like here https://kidslifedev.wpengine.com/blog/one-column/blog-both-sidebar/
    not build with avia layout builder! build with sidebars

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

    Hi caw67,

    Enfold does not have this option either, unfortunately.

    Best regards,
    Victoria

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

You must be logged in to reply to this topic.