Hey Jean-Francois,

There are many lightbox plugins but you don’t need any of there it can be easily achieved with just the enfold theme features.

1. Please create a new page with your text and on the right side of the page hide the header and footer.
2. Use a icon or a button element and put the page link in there and select open in same window.

Just add “?iframe=true” to the end of the page link http://site.com?iframe=true

Best regards,
Vinay

Hi,

I just checked your site and tested it out and I think the reason it doesn’t make any progress is because it’s still the same page just new content being fetched inside gravity forms. I don’t have a gravity form plugin that I could test, but if you could give us temporary admin access so we can have a quick look on the settings, we’ll try to give it a shot. You might also want to try this plugin for the gravity form’s progress bar: https://wordpress.org/plugins/gravity-forms-start-progress-bar-at-zero-percent/

As for the buttons, try adding this css code in Quick CSS (located in Enfold > General Styling):

#top .gform_wrapper .button {
    font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    border-radius: 3px;
}

Best regards,
Nikko

Hey m,

We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.

But please feel free to request such feature at our feature request system: https://kriesi.at/support/enfold-feature-requests/

The only workaround I could suggest is to create a blog page and on that long page you can create a section with a some texts and a link (or a button) linking to the blog page. Hope this helps.

Best regards,
Nikko

Hi,

you can do this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
This way you can provide your button a unique css class.

Hope this helps!

Best regards,
Andy

Hey diefleischerei,

To pust the text to the top and button to the bottom Please enable custom css class name by placing a code snippet to your functions.php file as mentioned in this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Then give the text box a class name “pust-top” and the button element “push-down”

.pust-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.push-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

To hide the text only in mobile add the below css to Quick css section and give the text box an additional class name “only_desktop”

Note : The text box will have two class names “pust-top only_desktop” and there should be a space to separate the class names

/*Show only in mobile or desktop*/

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

Hope this helps :)

Best regards,
Vinay