Having fun with Alyeska full-screen slider Home page…
-
Topic
-
Here’s how to show a large full-screen image slider landing page (home page) with an “Enter Site” link, as in this photo:
http://picturestack.com/456/600/catthemesuggbtVV.jpgWhen the user clicks “Enter Site”, the rest of the Alyeska home page content will fade in. It’s a nice option to use when you have a site that promotes artwork, real estate, travel, etc. Especially with beautiful images.
Here’s the custom CSS:
/*if using background slider then remove TB backgrd*/ #wrapper {background-image: none} /*hide all content on home page, and display 'Enter Site' link*/ #enter-site {display:none; margin-left:45%; font-size:26px} /*this element is created in custom function*/ .home #enter-site {display:inline} /*show link on home page only*/ /*hide all content on home page. use visibility:hidden not display:none, or else TB sliders act quirky when displayed*/ /*may need to hide other elements too depending what's on home page*/ .home #menu-wrapper, .home #main, .home #bottom, .home #after-footer, .home #featured {visibility:hidden} .fwb_fromthis {display:none} /*hide full-width background plugin logo*/
Here’s the custom function (put into your Child theme functions.php):
/** * add 'Enter Site' link centered below header. Requires custom CSS also. */ function my_custom_header(){ ?> Enter Site <?php //note: must start with hidden in CSS (rather than display:none), or else TB slider gets quirky } add_action( 'themeblvd_header_content', 'my_custom_header', 10, 2 );
Enjoy.
Jason… Please consider an option like this in the next update. It would be a option to have in Alyeska.
Before I click submit, I just know all the symbols inside my pre tags are going to get messed up. I don’t know how else to paste in code. It looks fine before I hit submit. If you know a better let me know.
- The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.