Community Forums › Forums › Archived Forums › Design Tips and Tricks › Minimum – need help to add full width text under home page image please
- This topic has 4 replies, 3 voices, and was last updated 11 years, 1 month ago by ramseyp.
-
AuthorPosts
-
July 20, 2013 at 4:21 am #51567leannemorrisonParticipant
Hi I am building a site using Minimum theme. I would like to have an area on the home page (under the photo) that can be full-width. I simply want the logo, followed by the menu, then the photo, then some full width text and then the footer.
I would have used a custom home page, but it doesn't display responsively on a mobile device with the large picture (unless I'm doing something wrong)I don't want to use the social media icons so have left them blank.
I deleted the posts area by using this code I found on one of these discussions.
.home #inner {
display: none;
}I still have a blank space under the photo, which is where I would like to put some text.
Any help would be greatly appreciated.
http://www.launcestonhairdresser.com.au
Thanks
LeanneJuly 20, 2013 at 7:41 am #51580ramseypMemberHi Leanne,
I think if you set a Page as your homepage, you'll be better off than editing the CSS to hide .home #inner.
Try this:
1) Unhide .home #inner by uncommenting out that CSS.
2) Select a Page to use as your front page in your Reading Settings.
3) Make sure that page has a Featured Image.
4) Edit that Page, giving it the Full-Width layout.
5) Edit your site Description to say what you want under the image.
6) Lastly, look in your theme and edit page-title.php. The "Subscribe Now" button is hard-coded in this file. If you don't want it to show under the image, you need to edit this file. For example, to remove the button when you have a Page as your front page, you'll look for this:
elseif ( is_singular( 'page' ) ) {
echo '<div id="page-title"><div class="wrap"><p>' . esc_html( get_bloginfo( 'description' ) ) . '' . __( 'Subscribe Now', 'minimum' ) . '</p></div></div>';
}Edit it so it looks like this:
elseif ( is_singular( 'page' ) ) {
echo '<div id="page-title"><div class="wrap"><p>' . esc_html( get_bloginfo( 'description' ) ) . '</p></div></div>';
}Those steps should give you something that works.
Cheers!
July 20, 2013 at 8:35 am #51587AnitaCKeymasterYou can also just use Brian Gardner's instructions to add a widget area to do what you want - (http://www.briangardner.com/welcome-text-widget/) and the use the Visual Hook Guide to hook it under the image (http://genesistutorials.com/visual-hook-guide/). These instructions are for every page, however if you scroll down in the comments, they've placed the code for "home page only" also.
Need help with customization or troubleshooting? Reach out to me.
July 22, 2013 at 6:10 am #51824leannemorrisonParticipantthanks so much anitac and ramseyp - I really appreciate your help. I used ramseyp's instructions and they worked well (sorry anitac, I couldnt find the instructions for the "home page only". One thing though, I haven't made the home page image a "featured image" as it made it sit at the top of the page under the menu (see http://www.launcestonhairdresser.com.au), and by making it unfeatured, I was able to place text both above and below it. Will this cause a problem?
thanks again, leanne
July 23, 2013 at 10:59 am #52092ramseypMember -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.