Placing text underneath the home page slider but not full-width
Support Area › Forums › Foundation › Placing text underneath the home page slider but not full-width
Tagged: Home page
- This topic has 9 replies, 2 voices, and was last updated 10 years, 9 months ago by Bill Robbins.
-
AuthorPosts
-
July 13, 2013 at 14:58 #12350Deborah GabrielParticipant
With regards to this topic, which is now closed, I would like to do the exact same thing except for the text not to run the full 900px width of the page but the normal default page so that the text fits directly under the slider.
I cannot figure out the div id for the default page?
July 13, 2013 at 15:56 #12351Bill RobbinsModeratorDeborah,
Good question. You can do that using the default page template and the “gallery” format together. It will look like http://www.organizedthemes.com/demo/progress/gallery-post-format/
The images for the slideshow are simply the images that have been uploaded while editing that page. You don’t have to insert the images into the content of that page, but you do have to upload them while editing that page to associate them with it.
If that’s not quite what you’re looking for let me know.
Thanks and have a great weekend,
BillJuly 13, 2013 at 16:25 #12352Deborah GabrielParticipantI think I understand what you are saying:
– to create a default page and and select the gallery format
– To write the content on the page as normalHowever, my confusion is how do I get this text to appear underneath the slideshow? Do I have to use a widget- and if so will it be the same width as a normal default page?
The link to the Progress site is exactly what I’m looking for!
July 13, 2013 at 16:27 #12353Bill RobbinsModeratorThe content you enter, like you normally would, will appear just below the page title in the left hand column.
In the demo page, “Gallery Post Format” is the page title and then content comes below that.
If you need something different from that, let me know.
July 13, 2013 at 17:12 #12357Deborah GabrielParticipantI have created the page, used the gallery format and added the content – but it does not show up anywhere? I don’t quite understand how it can appear underneath the slide show automatically. There must be some widget or something to place the text there?
I just wanted to be able to add some content underneath the slide show for which this topic’s solution worked:
Except I don’t want the content to be full width, just the width of the default template. Am I missing something?
Thanks
July 13, 2013 at 17:19 #12358Bill RobbinsModeratorDeborah, can you send me a link to the page you’ve created so I can take a look for you?
July 13, 2013 at 17:47 #12361Deborah GabrielParticipantHere is the link: http://blackstudiesresearchuk.org/pushing-the-boundaries/
I did not add it to the menu as I don’t want it to appear in the navigation menu, just as text (without the image) underneath the slideshow.
Thanks!
July 13, 2013 at 18:36 #12364Bill RobbinsModeratorDeborah,
Thanks for the link. I confused myself just a bit there…the earlier post was about the Progress theme and I didn’t realize that you were using Foundation.
So let’s take a step back then. The easiest option to create that would be to make a new page template. To do that, first you’ll need to install the WP Editor Plugin.
Once you’ve activated it, go to the Appearance section in your WordPress control panel and select Theme Editor. On the right hand side here, you’ll find the files in the theme along with an uploader where you can add new ones.
For a new file, you’ll need to copy this code:
and then go to a plain text editor like Notepad or something similar and create a new file with that code as the content. Save your file and call it
page-full-media.php
.Then upload that file to your theme using the upload tool that’s part of the Editor.
That will give you a new page template that you can use called “Full Width Media.” You can change the template to use that one and you should be able to have the featured image, gallery or video span the full width with your normal content below it.
You’ll just a bit of styling to make it all work nicely too. Go to the Theme Options page and select the styling tab. Scroll down to the Custom CSS box and paste this:
#page-full .featured, #page-full .flexslider { margin-bottom: 30px; } #page-full .flexslider img, #page-full .featured img { width: 100%; }
and save your changes.
That should give you a layout similar to the one from the Progress theme to use.
If you have any trouble, let me know,
BillJuly 13, 2013 at 20:20 #12366Deborah GabrielParticipantThanks very much for your assistance. It is sorted now!
July 13, 2013 at 20:38 #12367Bill RobbinsModeratorFantastic! If you need anything else, let me know.
-
AuthorPosts
- The topic ‘Placing text underneath the home page slider but not full-width’ is closed to new replies.