@Mike
Thank you very much, his is working perfectly on links i add to texts ..
However
1- i want to have the link applied on a masonry gallery image , meaning when someone clicks on an image, he will get the pop up lightbox
is that possible ?

2- i can benefit from your solution elsewhere on the site, not only with what mentioned above, so my next question is, can the pop up include images and buttons ? i tried adding a shortcode from within Enfold inside the code block but it didnt work

Hi again Victoria,

I went through the following steps:

1.) went to Admin > Enfold Child > Theme Update. This brings me to a page that requires that I enter My Themeforest Username, and my Themeforest API key.

2.) went to Themeforest, and clicked on “generate API key” button

3.) went back to Admin > Enfold Child > Theme Update page, and finished entering the information, and then clicked on “Save all changes button”

After this I cleared my cache, and loaded the gallery page, but am still getting the grey thumbnail images.

Let me know what further steps I need to take.

Thanks,
Alex

Hello, In 2015 I opened a thread https://kriesi.at/support/topic/enfold-magazine-post-with-link-format-does-run/#post-435156.
The moderator has closed the thread but he doesn´t give the solution. Also I do the same question here https://kriesi.at/support/topic/button-target-blank-not-run-magazine-thumbail-hidden-not-run/

The moderator recomended this:

The Blog Posts element has a list layout that looks like the magazine element and it supports the link post format. Have you tried it? Insert a Blog Posts element and select one of the 3 last List Style options in the Blog Style settings. If you need more info, please open a new thread/ticket. We’ll close this one for now.

Well, It is not the same, when you use the 3 last List Style options you can’t see the image. Please, any solution?

Thank you so much!

Super Thanks!!
This works great, I guess if I want to remove or hide another category I just use the same CSS code with the .xyz_sort_button
Another time I have to say I like enfold very much and your support is great.
Have a nice day, greetings Claudia

Hi Ismael,

The button feature is not working (not available) on any of the easy sliders for this site. It works for the Layer Slider but for nothing else. In the past all of easy sliders had a tab on each pic/slide called “caption” where I could add basic buttons. It’s not here now.

Here’s a live example on the demo page

This video show how the PAST way of adding a button. These control are NOT on the current sliders. (any version).

I guess what I’m trying to say is that there are missing options for the buttons.

I added an example page link in the privates content area. Please log in, click on the elements for the full width and the full screen examples and you will see what I mean.

Thanks,

Mike

Thanks Mike for your suggestion: that’s exactly what I would like to understand and do. I would like to understand how to add a custom class to an element, using, as indicated in your image, CUSTOM CSS Class. I wish I could use this method where possible: create a class in quick css and use the class name in the developer settings, but I didn’t understand how to do it. I also looked at the guide

https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

Would you be kind enough to give me an example? Using for example the name “BLU”

https://postimg.cc/pp529Sn6

that I would put in the field indicated in your image (in the Developer Settings of my button element), how do I change the CSS that I put in my Enfold Child?

#BLU .main_color .avia-color-theme-color.avia-button {
background-color: #ffffff;
border-color: #ffffff;
border-style: solid;

}
#BLU .main_color .avia-color-theme-color.avia-button:hover {
background-color: #24305e;
border-color: #24305e;
border-style: solid;
color: #ffffff;
}
#BLU .main_color .avia-color-theme-color.avia-button > span.avia_iconbox_title {
color: #24305e;
}
#BLU .main_color .avia-color-theme-color.avia-button:hover > span.avia_iconbox_title {
color: #ffffff;
}

https://postimg.cc/5X3N1Cz4

I did some tests but to no avail. Would you be kind enough to help me again? Thanks for your patience. Best regards. Bruno

Hi Rikard,

thx for your fast reply!

Yes, I know…one complete page ist easy to protect. ;-) But my customer only would like
to protect the download-buttons or as you said – only the link. So, it seems that I have
to look for an plugin, don’t I ? :-) Or I link the links to a subpage, which I protect complete.
Maybe that is an alternative. But please, take my question as an suggestion for a next
upgrade of enfold…that would be nice! And I think, that I’m not the only one, which would
be happy about this. :-) And if you do think of something, I would be happy to receive
your feedback!

Have still a nice sunday…also the whole team.

Best regards from
Carsten

Already tried that. I’ve also removed the custom CSS that was added in the Quick CSS section of Enfold. Same issues.
All plugins except TEC and ECP are now currently deactivated, I’m leaving them deactivated until I hear back from you. (This is for the fatr.spi…. domain. The other site is live.)
Here is an example of the issue again – http://fatr.spidercreations.net/event/live-music-sweet-surrender-acoustic-duo/
Steve

The removed CSS is included here for reference:

/* GENERAL */

/* The following class will SHOW elements when width is below --px, more in functions.php   [sjm 20180601]*/
@media only screen and (min-width: 671px) {
.show-mobile { display: none; }}

/* The following class will HIDE elements when width is below  --px, more in functions.php  [sjm 20180601]*/
@media only screen and (max-width: 670px) {
.hide-mobile { display: none; }}

/* the following will just hide an element that is on a page. This is good for seasonal stuff. */
.hide { display: none !important; }

/* HEADER */

.header_color .header_bg{background-color: rgba(255,255,255,.7);}

#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(255,255,255,0.7);
}

/* This moves the logo over to the LEFT, when selecting Logo & Menu Centered in the settings */
.html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/* Placement of the two widget added in header [sjm 20180712]*/
div#text-2 {
  left: 50%;
  padding-top: 0;
  position: absolute;
  top: 18px;
  z-index: 999;
}
div#text-3 {
 right: 7%;
float: right;
  padding-top: 0;
  position: absolute;
  top: 24px;
  z-index: 998;
}

/* MAIN NAVIGATION MENU */

/* Let's change the small highlight line under main menu to the light bronze color */
.avia-menu-fx {
    background: #db8a58 !important;
}
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu { 
border-top-color: #ac2e28 !important; 
}

/* SLIDER ADJUSTMENTS FOR HOME PAGE */

/* Let's remove the white space under the home page slider */
#revolutionslider_1 {
min-height: 0px !important;
}

/* CONTENT, BLOG POSTS, AND PAGES */

/* Underline links in the content */
.avia_textblock a {
text-decoration: underline;
}

/* Let's remove the image at the top of every blog post. We're removing the image for BOTH Enfold options  [sjm 20180530]*/
.small-preview{ display: none !important; }
.post-entry .big-preview{ display: none !important; }

/*Change the default blog post from centered and full justify to left justify, filling 90% of page width   [sjm 20180530]*/ 
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 90%; text-align:left;}

/* Let's add the underlink for links on page and post content */
.entry-content a {
text-decoration: underline !important;
}

/* In the slider on the home page, this reduces the font size for the headline */
.wprpsp-recent-post-carousel h2.wprpsp-post-title a, .wprpsp-recent-post-slider h2.wprpsp-post-title a, .wprpsp-gridbox-slider h2.wprpsp-post-title a {
    font-size: 18px !important;
}

/* FOOTER WIDGETS */
.widget ul li a {
font-size: 16px !important;
line-height: 1.0;
}

/* SPECIAL ELEMENTS - CLASSES for HIGHLIGHTS */
.highlight1 {
background-color:rgba(255,255,0,0.3);
}

/* Font size for the buttons - Large */
.avia-button {
font-size: 18px !important;
}

/* Notification box change from uppercase to normal */
.avia_message_box_content {
    font-size: 18px;
    text-transform: none;
}

/* Edit the tabs on the left Trail Report page */
.js_active .tab {
      padding: 50px 16px;
      font-size: 1.8em;
}

/* Let's make the image a square on the events carousel and the event page itself. Actually, this code just makes it fit. */
#ect-carousel-wrapper .ect-carousel-image {
background: #fff !important;
}

.ect-carousel-image img {
object-fit: contain !important;
}

/* Solve the issue with the home page slider layover [20190128 sim] */
.html_header_transparency #top .avia-builder-el-0.avia-layerslider {
    height: auto !important;
}

For the update error, no I did not overwrite. I never do. I rename the existing Enfold folder to Enfold_old, then copy the new Enfold folder over, test, and delete Enfold_old.

Circling back to the filter, do I just copy and paste your PHP into a snippet (don’t have a child theme)? Any changes necessary? Also, not sure what you mean when you say “If css & js file merging and compression was already enabled, then go to the Quick CSS and add a blank space to make the “save all changes” clickable and change the css in the theme to force a new file to be created when the front page is reloaded.” I get the blank space to force the save button to activate, but the part about changing the css in the theme to force a new file to be created is a bit confusing. What css am I changing to force the file to be created? Or do you just mean adding that blank space? Thanks, hopefully a more elegant, hands-off solution will be written into the next release…