I have done it, but it does not work. Maybe becasue I do with a Child Theme.
the point is that when I added the code to funphions.php the adminstrator stops working.

I have left the file in the FTP if you want to check it.

Thanks.
Almudena.

I have figured it out somewhat. Please see the link below.

You see I have a background image that is full screen left to right, with a height of approximately 416px. Then over that background, I have a text box and I have a video side by side. That was the original goal. The current video is temporary until I can get the real video from the client. The video needs to be larger or I need to add an image where the video is located currently and add a screen shot of the video and link it to the video, but I want that video to pop-up in a lightbox. Is that possible?

Also, you see the white text box? In edit mode I also have a header on that white text box that is dark blue with white text that contains the title. That layer/box is not displaying. I’ve tried everything I know, and can’t get that layer to display. I have sent the credentials in the other requests. I think I have 3 open requests, but I’ve solved the one about the top menu bar.

Thank you so much for your help.

• This reply was modified 9 years, 5 months ago by sitedesyne.

I added this code at the bottom of my child function.php file like so

/*
*Display date and time in icon box” title	
*https://kriesi.at/support/topic/display-date-and-time-in-icon-box/#post-662159
*/
function displaydate(){
return date('F jS, Y');
}
add_shortcode('date', 'displaydate');
}

Then added [date] in the icon box content seen on top of the private link, still doesnt show, what did i do wrong?

Thanks for responding. I tried clearing the cache, but they are still not showing correctly. I’ve attached 2 images in a link to show you mobile vs desktop. Thanks again!

#top .title_container .container {
    min-height: 35px;
}
.title_container { height: 35px; }
.title_container .main-title {
    line-height: 1.3em;
}
#top .title_container .container {
    padding: 0;
}
.js_active .top_tab .tab {
    font-size: 16px;
}

Not bad a final thing; moving the titel a bit to the right side… ?
http://www.permatree.org/wp-content/uploads/2016/07/Bildschirmfoto-2016-07-18-um-09.31.37.png

Thx!
Btina

Thanks again!

It is not a problem to upload things. About the intended screenshot/mockup, it is pretty much what you find in Enfold’s “start-up” template Home page: the image of a laptop with several hotspots pointing out to different regions of the screen. The difference is the actions associated to every hotspot.

I uploaded a screenshot of what I can do now. You can see a small Play/Pause button on the bottom that I added with the Code Block as
<input type="button" onclick="VolumeSample.toggle();" value="Play/Pause"/>
I defined the JS function VolumeSample.toggle in another Code Block, which contains includes to JS files. When you press the button, a given audio is played/paused. It works. As I said, that is a simple example, but just for the sake of illustration. What is behind the JS function is related to WebAudio API, but it does not really matter much what (but in the future it is not going to be simply play an audio file).

My goal would be the hotspot to do exactly what that small button does, that is, to execute said JS function when clicked upon.

• This reply was modified 9 years, 5 months ago by kieslingerb.