I am looking to use the Construct theme as a baseline for my site. I have a few questions and hope you may be able to assist.
1. How do I change the video background shown on the home page to a large photo that is responsive as the video?
2. How do I add the Instagram feed to the footer of the site? I have attempted a few different scenarios but none seem to give me the results that are shown in the demo.
3. How do I remove the background image so that I can enable a clean white background throughout the site.
Thanks!
Hello mparadis,
1)If you want to change the background video you should edit the ROW using the TD Composer from here -> https://www.screencast.com/t/qk7O3HtZY and if you need to add an image as a background instead of that video, change it from here -> https://www.screencast.com/t/oncSvtMcFS
2)If you want to add the Instagram to the footer section, you should enable the option from Theme panel, from here -> https://www.screencast.com/t/dOwumsZu7hz
3)What kind of background image do you want to change? Provide some useful screenshots with your desired changes so I will be able to provide a more accurate response.
Thanks.
Catalin –
Thanks for the reply.
Re: question 2. I want my site to show the instagram in the footer as shown in the demo
http://www.screencast.com/t/cJwRzoI43
When I add Instagram, it is shown as follows
http://www.screencast.com/t/gSGzSoCBvzM
Hi mparadis,
If you do not want to display the Footer Instagram Title (FOLLOW US ON INSTAGRAM) you should try using the following code and place it in Theme panel -> Custom CSS area.
The code is ->
.td-footer-instagram-title{
display:none;
}
Hope this helps!
Thanks for the message!
Catalin –
I am sorry for not being clear in my question.
I want to show the Instagram feed in the footer, but what I want to do is have it show exactly like the Contruct demo shown here:
http://www.screencast.com/t/cJwRzoI43
When I add the Instagram feed as instructed, it is shown here:
http://www.screencast.com/t/gSGzSoCBvzM
Hi,
So I see that you want to have a Instagram section as the Construction demo. The demo ads some customization to this section, visually. A filter is added over the images, this is the code used if you want the same effect
– https://www.screencast.com/t/NlFWpEJF8vV
It must be entered in Theme panel->Custom CSS
.td_block_instagram .td-instagram-image {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.td_block_instagram a:hover .td-instagram-image {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
If you place the Instagram element in a page and you want it to be full width, stretch the row
– https://www.screencast.com/t/IgB57i9JEE
If you place it in the footer and the website has a background set, the footer section can be stretched despite this
– https://www.screencast.com/t/6QeOpE1Lqe
If I did not manage to identify the problem, please correct me and I will try to help you further.
Thanks
