New to the community? Start here

How do I edit and add content to the page the home page

How do I edit and add content to the page the home page of the theme? It is not part of the page section?

Thu, 5 Jun 2014 20:56:32
  • Eliott
    • New Recruit

    Hey @ernest!

    Thanks for your question, I hope you’re having a good day.

    In order to add content to the home page of the theme you need to specify a page in Theme Options >> Home page settings

    I would create a page called ‘Home’, hide it from the menu and use that. Then to simply add content to the home page all you need to do is modify the page you created.

    I hope this answers your question. If you have any other questions then please do let us know!

    Cheers

  • Eliott
    • New Recruit

    Hey @ernest

    Sorry for not getting back to you sooner!

    I’d take a look but I’m not WPMU DEV Staff! If you attach a screenshot then I’ll be happy to take a look and see what we can do about it. :slight_smile:

    Thanks

  • ernest
    • Design Lord, Child of Thor

    Please take a look. Can we make the nav bar bigger or get rid of the text that shows up in the black part of the nav bar.

    [attachments are only viewable by logged-in members]

    Do you see the text under charters. It shows up for whatever page is clicked on?

  • Eliott
    • New Recruit

    Hey @ernest

    Thanks for your patience, I hope you’re doing well.

    This may get a little complicated but bear with me! You will need access to an FTP program such as FileZilla in order to do this as it requires access to the theme folder. If you don’t have this then there is a useful guide here: http://codex.wordpress.org/Using_FileZilla

    To remove the ‘Home’ that’s awkwardly jammed itself behind ‘Charters’ you will need to go to the SleekPhoto theme folder and find the navigation.php file. It should be located in this directory:

    wp-content/themes/sleekphoto/library/components/navigation.php

    Once you’ve found that file you will need to download it and open it with a program such as Notepad or Notepad++ (my personal favourite). You will want to make a backup of that file just incase something goes wrong!

    In this file if you scroll to the bottom you will find the following lines of code:

    } elseif (is_front_page()) {
    
// Front page
    
echo '<ul class="breadcrumbs">';
    
echo '<li class="front_page">Home</li>';
    
echo '<li class="current"><a href="'.get_bloginfo('url').'">'.get_bloginfo('name').'</a></li>';
    
echo '</ul>';
    
}

    From this chunk of code you will want to remove the line that says:

    echo '<li class="front_page">Home</li>';

    Once you’ve removed that then save it and upload the file to the website and check out the changes!

    If it breaks something else then take a screenshot, restore the backup and let me know. I’ve only tested this in a clean install of SleekPhoto and I don’t know exactly how it will behave on a website like yours.

    In regards to the header image, I personally don’t know the best dimensions. I could only suggest playing around with the image and guesstimating the dimensions! Sorry. :slight_frown:

    I really really hope this solves your problem, if not then let me know and I’ll try to help out all I can! Keep me updated! :slight_smile:

    Have a great day. Cheers

  • ernest
    • Design Lord, Child of Thor

    Hi,

    Can we just make the nav bar bigger as in taller. I understand what he is saying kinda. Its not just home page every page will show up there under charters depending on what page your on. Jack the access is allowed on the website could you take a look please. I rather have them all in the same bar

    Thanks

  • Eliott
    • New Recruit

    Hey @ernest

    Sorry about that, I missed that it shows all the pages! :slight_frown:

    To stop showing all the “breadcrumbs” then a simple fix would be to remove all these lines:

    echo '<ul class="breadcrumbs">';
    
echo '<li class="front_page">Home</li>';
    
echo '<li class="current"><a href="'.get_bloginfo('url').'">'.get_bloginfo('name').'</a></li>';
    
echo '</ul>';

    This will not only stop WordPress showing the ‘Home’ button but also any page you’re currently on. :slight_smile:

    In regards to the nav bar, I would need to have somebody parachuted in from the WPMU DEV team who knows SleekPhoto’s better than I do! Hopefully someone will jump in and help out!

    Sorry again, I hope this solves your question now. If not then just ask, we’ll try to help out all we can. :slight_smile:

    Have a great weekend. Cheers.

  • Eliott
    • New Recruit

    Hey @ernest,

    I’m sorry that this has taken so long but I’ve been playing around with SleekPhoto’s a lot and I’ve found a way to do what you want to do. :slight_smile:

    This is a bit of a long winded process but hopefully I can make it as straight forward as I can! You will need FTP access for this but hopefully you can follow the information I provided earlier.

    This quick guide will assume you’ve removed the breadcrumbs, this is the information I’ve already told you previously. For both of these steps you will need to go to the layout.css file located in: /wp-content/themes/sleekphoto/_inc/css/layout.css

    Removing the black navigation bar

    Download the layout.css file and it in Notepad++ (or Notepad, it’s up to you). Go to lines 324-332 and remove the following code:

    #breadcrumb {
    
background-image: url('../../library/styles/colour-images/nav.png');
    
width: 957px;
    
margin: 0 0 0 -18px;
    
padding: 0 19px 0 19px;
    
height: 56px;
    
line-height: 38px;
    
color: #FFF;
    
}

    Resizing the navigation bar

    Go to lines 219-224 and double the height on line 222 from 50px to 100px in the following code:

    width: 960px;
    
margin: 20px 0 0 0;
    
padding: 0;
    
height: 50px;
    
line-height: 50px;
    
border-bottom: 1px solid #217e80;

    It’s important that you don’t change the line-height as that will break everything. You just want to double height: 50px to height: 100px. So that it looks like this:

    width: 960px;
    
margin: 20px 0 0 0;
    
padding: 0;
    
height: 100px;
    
line-height: 50px;
    
border-bottom: 1px solid #217e80;

    Once you’ve completed both these steps you will need to save and upload the new layout.css to the directory: /wp-content/themes/sleekphoto/_inc/css/layout.css

    Now all you need to do is checkout the changes! :slight_smile:

    I really hope this answered your question. Once again I’m sorry for how long this has taken. If you’ve got any questions then please do let us know, we’re here to help.

    I hope you’re having a great weekend! Thanks.

  • Vinod Dalvi
    • WP Unicorn

    Hi @ernest,

    Thanks for the reply.

    I want to provide you solution to make the nav bar a little taller and to delete breadcrumbs but to do this i need to access your site.

    I tried to access your site http://wilsonboatyardmarina.com/ but it displayed the message “Wilson Boatyard Marina Will Be back Soon!

    Please be patient while we upgrade our website. Please contact us threw email at ” and i can’t access it.

    May be you have kept it in the maintenance mode. if this is the case then would you mind if I logged in to your site to access it? This might help get to the bottom of this faster. If this is ok, just grant me temporary admin access to your site by clicking “Grant Access” button in the WPMU DEV Dashboard Settings from the following path and reply on this thread after granting it?

    Admin -> WPMU DEV -> Support -> Support Access Tab

    Regards,

    Vinod Dalvi

  • ernest
    • Design Lord, Child of Thor

    Hi I have installed the custom css plugin and added the code. It worked at getting rid of the breadcrumbs. But the black banner is gone now. I erased the nav part of the code and it does the same thing. Please take a look the access is still granted. I would like the breadcrumbs gone and if we cannot change the nav bar size to accommodate just leave the black part and lets get rid of the breadcrumbs.Thanks

  • Vinod Dalvi
    • WP Unicorn

    Hi @ernest,

    If you want to remove the breadcrumbs without removing black banner then try using the following CSS code.

    #breadcrumb ul.breadcrumbs {
    
display: none;
    
}

    If this is not what you are looking for then please share me the screenshot of how you want it to display.

    Regards,

    Vinod Dalvi

  • Vaughan
    • Ex Staff

    Hi @ernest,

    Thanks for letting us know. & thanks to @Eliott & @Vinod Dalvi for their great assistance with this.

    I’ll mark this thread as resolved for now, But if you need any further assistance, please don’t hesitate to re-open the thread or start a new thread if it’s unrelated.

    Cheers :slight_smile: