WordPress.org

Ready to get started?Download WordPress

Forums

DevDmBootstrap3
[resolved] Help! (25 posts)

  1. olivertwist2007
    Member
    Posted 7 months ago #

    When a file in put within the child theme - isn't it supposed to replace the existing one from the theme folder - it doesn't seem to do this for me - I need it to work. Basically I want to replace the Site Name with the Site Description and where the Site Description is the Social Links.

    Also could you send me the Navigation CSS as well.

    What's missing is Search Form page - and could you integrate a way to include the search form into the Navigation bar if the uses wants this done.

    This is the kind of theme I've been looking for but really don't want to switch to different one - spent ages looking and testing. PLEASE! :)

    Getting desperate here - thank you.

  2. DevDm
    Member
    Theme Author

    Posted 7 months ago #

    Hey Oliver,

    There is a lot going on here so let me see what I can do to help.

    The "Site Name" and "Site Description" code is located in the template-part-head.php file which is the file you should be duplicating for your child theme.

    So first thing is to make sure you have that file name right. :)

    You can email me danny@devdm.com if you want me to take a look at your file and you can explain to me how you are implementing these "Social Links." Plugin? Hard coded?

    The navigation CSS follows all of the Bootstrap 3.0.3 's nav components.
    http://getbootstrap.com/components/ More Info here about that.

    Below is an example of a modified template-part-topnav.php that will add a search form to your top menu on the right. You might not want to change the search form all over your site with a searchform.php. If you do you can simply create it for the child theme.

    <?php if ( has_nav_menu( 'main_menu' ) ) : ?>
    
        <div class="row dmbs-top-menu">
            <nav class="navbar navbar-inverse" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-1-collapse">
                            <col-md- class="sr-only">Toggle navigation</col-md->
                            <col-md- class="icon-bar"></col-md->
                            <col-md- class="icon-bar"></col-md->
                            <col-md- class="icon-bar"></col-md->
                        </button>
                    </div>
                    <div class="collapse navbar-collapse navbar-1-collapse">
                        <?php
                        wp_nav_menu( array(
                                'theme_location'    => 'main_menu',
                                'depth'             => 2,
                                'container'         => '',
                                'container_class'   => '',
                                'menu_class'        => 'nav navbar-nav',
                                'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                                'walker'            => new wp_bootstrap_navwalker())
                        );
                        ?>
                        <form class="navbar-form navbar-right" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search" name="s" id="search" value="<?php the_search_query(); ?>">
                            </div>
                            <button type="submit" class="btn btn-default">Submit</button>
                        </form>
                    </div>
                </div>
            </nav>
        </div>
    
    <?php endif; ?>
  3. olivertwist2007
    Member
    Posted 7 months ago #

    No - it's just going to be a simple Facebook / Twitter icon with it going to appropriate page beside the logo.

  4. olivertwist2007
    Member
    Posted 7 months ago #

    It's the same files I've copied from the theme itself that i put into my child folder but no luck

  5. olivertwist2007
    Member
    Posted 7 months ago #

    I forgot to say I'm using my child theme but including it the way you mentioned it on your site and copied the directories just like your child theme.

  6. DevDm
    Member
    Theme Author

    Posted 7 months ago #

    You'll need to send me a link or give me some access oliver. If you want my help. :)

  7. olivertwist2007
    Member
    Posted 7 months ago #

    Well - discovered CSS issue was down to Minify plugin causing errors and wasn't allowing updates.

    I've tried various Navbar CSS but no luck.

    I'd like to put in a copyright into a footer but there's no footer page - only footer menu.

    Anymore advice please? Cheers!

  8. DevDm
    Member
    Theme Author

    Posted 7 months ago #

    I didn't want to over complicate things with widgets everywhere clogging up the code. The footer is accessible via the footer.php file. Again, you can duplicate this file for your child theme and hard code your copyright or add some widget areas down there via your functions.php file.

    You'll have to link me to your project Oliver if you want me to advise you on the Navigation trouble or post your code.

    Again, you can email me danny@devdm.com and I'd be happy to help if you are uncomfortable posting the code here.

    - Danny

  9. olivertwist2007
    Member
    Posted 7 months ago #

    The CSS Coding is the following (not shy after all CSS is viewable by anyone!)

    a:link {font-weight: bold;color:rgb(0,255,0);}      /* unvisited link */
    a:visited {font-weight: bold;color:rgb(0,255,0);}  /* visited link */
    a:hover {font-weight: bold;color:rgb(0,255,0);}  /* mouse over link */
    a:active {font-weight: bold;color:rgb(0,255,0);}  /* selected link */
    
    .dmbs-container {
    background:rgba(16,57,159,0.8);
      color:#40FF40;
    }
    
    .dmbs-header {
    
    }
    
    .dmbs-header-img {
    
    }
    
    .dmbs-header-text {
    
    }
    
    .dmbs-top-menu {
    
    }
    
    .dmbs-content {
    
    }
    
    .dmbs-main {
    }
    
    .dmbs-left {
    
    }
    
    .dmbs-right {
    
    }
    
    .dmbs-footer-menu {
    
    }
    
    .dmbs-author-credits {
    
    }
    
    .dmbs-footer {
    
    }
    
    .navbar-custom {
      background-color: #1540d9;
      border-color: #1237bb;
    }
    .navbar-custom .navbar-brand {
      color: #ffffff;
    }
    .navbar-custom .navbar-brand:hover,
    .navbar-custom .navbar-brand:focus {
      color: #e6e6e6;
      background-color: transparent;
    }
    .navbar-custom .navbar-text {
      color: #ffffff;
    }
    .navbar-custom .navbar-nav > li:last-child > a {
      border-right: 1px solid #1237bb;
    }
    .navbar-custom .navbar-nav > li > a {
      color: #ffffff;
      border-left: 1px solid #1237bb;
    }
    .navbar-custom .navbar-nav > li > a:hover,
    .navbar-custom .navbar-nav > li > a:focus {
      color: #c0c0c0;
      background-color: transparent;
    }
    .navbar-custom .navbar-nav > .active > a,
    .navbar-custom .navbar-nav > .active > a:hover,
    .navbar-custom .navbar-nav > .active > a:focus {
      color: #c0c0c0;
      background-color: #1237bb;
    }
    .navbar-custom .navbar-nav > .disabled > a,
    .navbar-custom .navbar-nav > .disabled > a:hover,
    .navbar-custom .navbar-nav > .disabled > a:focus {
      color: #cccccc;
      background-color: transparent;
    }
    .navbar-custom .navbar-toggle {
      border-color: #dddddd;
    }
    .navbar-custom .navbar-toggle:hover,
    .navbar-custom .navbar-toggle:focus {
      background-color: #dddddd;
    }
    .navbar-custom .navbar-toggle .icon-bar {
      background-color: #cccccc;
    }
    .navbar-custom .navbar-collapse,
    .navbar-custom .navbar-form {
      border-color: #1236b8;
    }
    .navbar-custom .navbar-nav > .dropdown > a:hover .caret,
    .navbar-custom .navbar-nav > .dropdown > a:focus .caret {
      border-top-color: #c0c0c0;
      border-bottom-color: #c0c0c0;
    }
    .navbar-custom .navbar-nav > .open > a,
    .navbar-custom .navbar-nav > .open > a:hover,
    .navbar-custom .navbar-nav > .open > a:focus {
      background-color: #1237bb;
      color: #c0c0c0;
    }
    .navbar-custom .navbar-nav > .open > a .caret,
    .navbar-custom .navbar-nav > .open > a:hover .caret,
    .navbar-custom .navbar-nav > .open > a:focus .caret {
      border-top-color: #c0c0c0;
      border-bottom-color: #c0c0c0;
    }
    .navbar-custom .navbar-nav > .dropdown > a .caret {
      border-top-color: #ffffff;
      border-bottom-color: #ffffff;
    }
    @media (max-width: 767) {
      .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
      }
      .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
      .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #c0c0c0;
        background-color: transparent;
      }
      .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
      .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
      .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #c0c0c0;
        background-color: #1237bb;
      }
      .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
      .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
      .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
      }
    }
    .navbar-custom .navbar-link {
      color: #ffffff;
    }
    .navbar-custom .navbar-link:hover {
      color: #c0c0c0;
    }
  10. olivertwist2007
    Member
    Posted 7 months ago #

    I've figured it out - needed to change the navbar-inverse to navbar-custom to make it work with the CSS. Once I get the new version up and running Danny, I'll let you know! :)

  11. DevDm
    Member
    Theme Author

    Posted 7 months ago #

    Awesome Oliver :) Way to keep at it! I'm sure it will be great.

  12. olivertwist2007
    Member
    Posted 7 months ago #

    Nothing more frustrating than dealing with it all and that's without considering WordPress in mind! ha ha. Just hoping my friend I do the website for will be happy with the layout and everything! We'll shall see!

  13. olivertwist2007
    Member
    Posted 7 months ago #

    p.s. amazing what a sleep can do to make you refocus on the coding - if only real work would let people do that too! hee hee! Can you tell I'm happy :) ha ha

  14. olivertwist2007
    Member
    Posted 7 months ago #

    Last question (for the time being) - you've got a Home Icon on the left nav bar - how do you do that?

  15. DevDm
    Member
    Theme Author

    Posted 7 months ago #

    The navwalker class we are using enables access to the glyphicon library via the "title attribute" for menu items.

    Appearance -> Menus -> "Your Menu" -> Click the down arrow on your menu item to see the "Title Attribute" input box. In there you can put in the class of the icon you wish to display. For the home icon it is "glyphicon-home".

  16. olivertwist2007
    Member
    Posted 7 months ago #

    Thank you very much! Much appreciated!

  17. olivertwist2007
    Member
    Posted 7 months ago #

    One final thing, I'm sure it's a margain on the CSS - but I want to move the WP-title closer to nav bar so not much gap in between - any advice please? cheers!

  18. DevDm
    Member
    Theme Author

    Posted 7 months ago #

    There are a few classes available up there to accomplish this. Just add the right CSS properties to them. You probably need to adjust the margins/padding of one of these classes. Play with it and use your inspector tools. :)

    .dmbs-header
    .dmbs-header-text
    .dmbs-top-menu

  19. olivertwist2007
    Member
    Posted 7 months ago #

    I had tried moving back the dmbs-content which worked until I discovered it played with the navbar links too - will keep in mind the above too. Trying to locate where the admin bar is for the front end - as I believe it increases page speed if that gets removed too? Correct me if I'm wrong. Cheers :)

  20. DevDm
    Member
    Theme Author

    Posted 7 months ago #

    There is no admin bar unless a user is logged in. I don't think you need to worry about that.

  21. olivertwist2007
    Member
    Posted 7 months ago #

    Final thing - I want to make a search page and it seems if i include the search form it doesn't always go to the correct page where it should show the results - any help here?

  22. DevDm
    Member
    Theme Author

    Posted 7 months ago #

    I can't really know that without seeing the site and where the searches do go. :)

  23. olivertwist2007
    Member
    Posted 7 months ago #

    Okay, it's planned to go up tomorrow - will you be on this time tomorrow? I need to do it while my friend and followers are at an event.

  24. DevDm
    Member
    Theme Author

    Posted 7 months ago #

    I should be around yes.

  25. olivertwist2007
    Member
    Posted 7 months ago #

    Fantastic - In the meantime I'll shut up and let you carry on! :p

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.