not a support question
outtacontext
Member
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.
outtacontext
Member
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>
Nick
Moderator
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
outtacontext
Member
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.
outtacontext
Member
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).
Nick
Moderator
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
outtacontext
Member
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;
}
Devin
Moderator
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
outtacontext
Member
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
outtacontext
Member
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?
Devin
Moderator
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
Nick
Moderator
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
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
