Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 26, 2018 at 3:50 am #977758
    medi-paper

    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?

    June 27, 2018 at 11:32 pm #978608
    Basilis

    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

    August 15, 2018 at 9:41 am #997475
    medi-paper

    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.

    August 16, 2018 at 7:05 am #997813
    Ismael

    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

    August 16, 2018 at 7:36 am #997816
    medi-paper

    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 6 years, 3 months ago by medi-paper.
    August 16, 2018 at 1:24 pm #997929
    Ismael

    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

    August 21, 2018 at 2:58 am #999655
    medi-paper

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

    February 19, 2021 at 1:35 pm #1282212
    Blue_Bear

    Hi,

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

    Best regards,
    Clément

    February 21, 2021 at 7:15 pm #1282629
    Victoria

    Hi Blue_Bear,

    These options are not available at the moment.

    Best regards,
    Victoriakries

    February 24, 2021 at 9:05 am #1283315
    caw67

    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 3 years, 9 months ago by caw67.
    February 24, 2021 at 6:22 pm #1283475
    Victoria

    Hi caw67,

    Enfold does not have this option either, unfortunately.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.