Floating Logo (png) over first Home Block Image
URL to the page in question:
http://www.teamtrapped.com
-
Hi Bill,
Is it possible to have a Logo floating (responsive) in the middle (according tot the image height chosen for the image) in front of the first Home Block image?
Sort of like they did on this page: http://www.escape010.nl
Maybe even with a full-width slider underneath the Logo?
I hope you understand what I mean 😉
Regards,
Jeroen
Jeroen,
Most likely you could create that. It’s not something that I’ve ever tried before though. You would need to edit the page-home.php file that’s in the theme and replace this:
<?php if(of_get_option('section_image_1', $single = true) != ""){ ?>
<style>
div#one .picture-block {
height: <?php echo of_get_option('section_image_height_1'); ?>px;
background-image: url(<?php echo of_get_option('section_image_1'); ?>);
}
</style>
<div class="picture-block"></div>
<div class="mobile-picture-block">
<img src="<?php echo of_get_option('section_image_1'); ?>" alt="" />
</div>
<?php } ?>
with the code for your slider and logo.
It might be easier to make a video that has the logo in it with various images changing behind it and use that in the first area instead of a slider. Either way will take a bit of customizing to make work.
Take care,
Bill
Hi Bill,
Thanks for the very fast reply!
Good Idea to use a video. Do the HomeBlocks in the Theme support Videos and GIFs?
Regards,
Jeroen
They support GIFs so if you can use one that would be the best option. Video would require some editing.
- The topic ‘Floating Logo (png) over first Home Block Image’ is closed to new replies.