Tagged: ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #20883

    I would like to create a simple template with a black background (I’ve already done that) and I’d like to use a slider for images AND text (which would go underneath each image). But I want the text to be text, not image text.

    Is that possible to do and, if so, I would I do that? Thx.

    #109506

    I have a second question: how can I call the slide show in a custom template. I’ve created a simple template that has a black background and a menu at the bottom. I want to insert the slideshow above the menu. Here is the template code:

    <body id="past_background">
    <div class="past_center">
    <?php if (have_posts()) : while (have_posts()) : the_post();?>
    <?php the_content(); ?>
    <?php endwhile; endif; ?>
    <div id="footer">
    <div id="menu">
    <ul>
    <li><a href="http://outtacontext.com/wp2/index.php">Home</a></li>
    <li><a href="http://outtacontext.com/wp2/blog">Blog Archives</a></li>
    <li><a href="http://outtacontext.com/wp2/artprojects">Art Projects</a></li>
    <li><a href="http://outtacontext.com/wp2/articles">Articles</a></li>
    <li><a href="http://outtacontext.com/wp2/about">About</a></li>
    <li><a href="http://outtacontext.com/wp2/contact">Contact</a></li>
    </ul>
    </div>
    </div>
    </div>
    </body>

    #109507

    Hi,

    What you are trying to do will not work that way. Instead why not create a dynamic template and add element slideshow to it and below it add element page. in the element page add your html for the menu. Then use css to make that page black, if you dont want the top menu and header image, use css to display:none, and same for the footer. if you provide a url where you started this off, we can provide the css to cover up anything you don’t want , etc..

    Thanks,

    Nick

    #109508

    Thanks. I don’t know anything about dynamic templates but your help would definitely be appreciated. I don’t know where to start to create a dynamic template, so a simple step-by-step would be helpful.

    Okay, the main site within your Sentence theme is here: http://outtacontext.com/wp2/

    The area that is new and needs the dynamic template and slide show would be on a page like this: http://outtacontext.com/about/past1

    Also, is it possible to have text/links (not images of text) under each slide in the slideshow?

    Again, thanks. This will really be helpful.

    #109509

    Hi outtacontext,

    The second link goes to a 404 error. Can you post a screenshot of what you are trying to do?

    Regards,

    Devin

    #109510

    Sorry. The link is http://outtacontext.com/wp2/about/past1

    I have created a series of pages that go from one part of my past to another (click on the image in that link and it will take you to the next page, etc. (the URLs end with /past1, /past2, /past3, etc.). I am thinking I’d like to put all of these images and text into a slideshow instead of individual pages). This is why I want to experiment with a slide show on a new template (one that has just a black background).

    #109511

    Hi,

    Ok. Thats fine. So please follow my instructions.

    Create a page. Add that huge image to it. and below the image add the links just as you have it in the link you showed.

    Once you have it , please show the url so that we can then give you the css to remove everything else from the page.

    Thanks,

    Nick

    #109512

    Okay, I created a new page and I’ve added the text and menu links. Here’s the page: http://outtacontext.com/wp2/past-test (I put it in the default template). I’m ready to find out how to hide the theme elements and to add the slide show. Thx.

    Here’s a tangent issue: I have a couple questions about css. The menu at the bottom isn’t taking on the style of the menu I set in the custom.css file. I looked at the source of this page and it doesn’t have a link to the custom.css. A couple questions: what is the name of the Default Template file? If I added a css link to custom.css would it screw up the rest of the theme? I didn’t want to mess with that so I added the two styles for the menu to the layout.css. But the styles don’t show up (you can see the menu is not horizontal as it should be and the bullets beside each are not hidden). Here is the css for this menu I added to the layout.css:

    /* Footer from custom.css */
    #past_background #footer {margin-top: 5%; margin-right: auto; margin-left: auto; }

    #past_background #menu {
    width:100%;
    background:#000;
    overflow:hidden;
    position:relative;
    text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    #109513

    Hi outtacontext,

    You don’t add any css to the css files except custom.css. Otherwise you’ll run into issues.

    For what you are trying to do, I disagree with Nick and it would be incredibly cumbersome to remove everything with css. You would be much better off just finding an html template with a slideshow and using that. Then linking to that page outside of wordpress.

    For the menu question, I don’t know what you mean. If you put css in a file, and pull in that file correctly to a page then the css will take effect.

    If it isn’t then either the css or the html is incorrect.

    Regards,

    Devin

    #109514

    What if I simply used a slide show WP plugin and just add that to the template I used in http://outtacontext.com/wp2/about/past1

    #109515

    You could, but you would still need to build a new full width template since the theme doesn’t support a full width layout.

    #109516

    I’ve got that already. The URL I gave you in my last message is based on that.

    #109517

    Do you have a template from another one of your themes that I could use for a full width “vanilla” template? I can’t seem to get mine to work. Here’s the code I’m using for the template:

    <?php
    /*
    Template Name: Past
    */
    ?>

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>Jeff's Past | Outtacontext</title>

    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/layout.css?v=1" type="text/css" media="screen"/>
    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/custom.css" type="text/css" media="screen"/>

    <!-- google webfont font replacement -->
    <link id="google_webfont_1" rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Varela+Round" />

    <?php

    /* add javascript */

    wp_enqueue_script( 'jquery' );
    //wp_enqueue_script( 'avia-html5-video' );
    wp_enqueue_script( 'avia-default' );
    wp_enqueue_script( 'avia-social' );
    wp_enqueue_script( 'avia-prettyPhoto' );
    wp_enqueue_script( 'aviapoly-slider' );

    /* We add some JavaScript to pages with the comment form
    * to support sites with threaded comments (when in use).
    */
    if ( is_singular() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); }

    ?>
    </head>

    <body id="past_background">
    <?php wp_head(); ?>
    <div class="past_center">
    <?php echo do_shortcode("[metaslider id=787]"); ?>

    </div>

    <div id="footer">
    <div id="menu">
    <ul>
    <li><a href="http://outtacontext.com/wp2/index.php">Home</a></li>
    <li><a href="http://outtacontext.com/wp2/blog">Blog Archives</a></li>
    <li><a href="http://outtacontext.com/wp2/artprojects">Art Projects</a></li>
    <li><a href="http://outtacontext.com/wp2/articles">Articles</a></li>
    <li><a href="http://outtacontext.com/wp2/about">About</a></li>
    <li><a href="http://outtacontext.com/wp2/contact">Contact</a></li>
    </ul>
    </div>
    </div>
    <?php wp_footer(); ?>
    </body>
    </html>

    I’m not sure this is the problem but it doesn’t seem to be pulling in the info from wp_footer(). Is there something that would prevent this from happening, say, in the function.php file?

    #109518

    Take a look at template-archives.php for an example on how this theme handles templates. You need include the header and the footer if you really want to make use of wordpress.

    There isn’t a blank template for full width that would work for every theme, its specific to the theme and its layout.

    Regards,

    Devin

    #109519

    Hi,

    Sorry for the delay. Was a bit sick.

    Please add the following to your Quick CSS or to the end of /css/custom.css file

    #top.page-id-782 #header {
    display: none;
    }
    #top.page-id-782 #sidebar_bg {
    display: none;
    }
    #top.page-id-782 #secondary {
    display: none;
    }
    #top.page-id-782 #footer {
    display: none;
    }
    #top.page-id-782 #socket {
    display: none;
    }
    #top.page-id-782 .one.unit.alpha.blog-meta {
    display: none;
    }
    #top.page-id-782 .container .six.units, #top.page-id-782 .container .eight.units {
    width: 100% !important;
    }
    #top.page-id-782 .container {
    width: 100% !important;
    }
    #top.page-id-782 .site-background, #top.page-id-782 html, #top.page-id-782 body {
    background-color: #000 !important;
    }

    I did not fix your menu. And there is probably a few things that need to get updated a bit.

    Thanks,

    Nick

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Slider with text area for each slide’ is closed to new replies.