Floating Logo (png) over first Home Block Image

Support Area Forums Moonrise Floating Logo (png) over first Home Block Image

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://www.teamtrapped.com
  • Author
    Posts
  • #31899
    Avatar photoJeroen van Aerle
    Participant

    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

    #31900
    Bill Robbins
    Moderator

    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

    #31903
    Avatar photoJeroen van Aerle
    Participant

    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

    #31905
    Bill Robbins
    Moderator

    They support GIFs so if you can use one that would be the best option. Video would require some editing.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Floating Logo (png) over first Home Block Image’ is closed to new replies.