hendosdad

Forum Replies Created

Viewing 5 replies - 31 through 35 (of 35 total)
1 2 3
  • Forum: Themes and Templates
    In reply to: [Twenty Sixteen] Reducing white space
    Thread Starter hendosdad

    (@hendosdad)

    10 years, 3 months ago

    I’ve provided (below) my twentysixteen-child style sheet (style.css). The code to unhide the main navigation menu is near the end. However, it created a new problem in that it distorted the positioning of the credits in the footer. I couldn’t work out why this was happening and the only way I was able to fix this was to create a child version of the footer with the credits removed.

    I hope this is sufficient for you. My site is http://www.hotsbath.uk if you want to see the final results.

    /*
Theme Name: twentysixteen-child
Author: Robin Henderson
Template: twentysixteen
Version: 0.1.0
 */
@import url("../twentysixteen/style.css");

/**
 * Place changes to the parent's style below this comment
 */

/**
 * Reduce the white space at the top and bottom of the header area
 */

.site-header {
    padding-top: 0;
    padding-bottom: 0;
}

/**
 * Reduce the white space which follows the page area (.entry-content)
 */

.site-main {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 20px;
}

/**
 * Reduce the white space immediately above the footer
 */

.entry-footer {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
}

/**
 * Reduce white space at the top and bottom of the bottom widget area
 * Doesn't have any effect, more investigation required
 */

.content-bottom-widgets {
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0;
   margin-bottom: 0;
}

/**
 * Reduce the white space immediately above the footer
 */

.site-footer {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
}

.main-navigation {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
}

/**
 * Twentsixteen serves HTML for Main Navigation at both "top" and "bottom" of page
 * but on wider screens its CSS prevents Main Nav display in the footer.
 * This code un-hides the Main Navigation Menu at the foot of the page.
 */

@media screen and (min-width: 56.875em) {
  .main-navigation ul .dropdown-toggle.toggled-on,
  .site-footer .main-navigation {
    display: block;
  }
}

.site-title {
   margin-left: 0;
}
    Forum: Themes and Templates
    In reply to: [Twenty Sixteen] Reducing white space
    Thread Starter hendosdad

    (@hendosdad)

    10 years, 3 months ago

    Ok, final problem solved more by luck than by skill!

    I implemented some code posted by wrigs1 (problems unhiding Main Nav Menu at bottom of page) to show the Main Navigation Menu at the bottom of the page. Conveniently, this reduced the white space that appears immediately before the bottom line. Can’t work out why but, nevertheless, problem solved!

    Forum: Themes and Templates
    In reply to: [Twenty Sixteen] problems unhiding Main Nav Menu at bottom of page
    hendosdad

    (@hendosdad)

    10 years, 4 months ago

    Thank you for posting this. As a beginner I found it very helpful. I think it provides a natural solution for anyone wanting a menu bar in the footer and I can’t think why the authors of TwentySixteen didn’t include it as an option rather than having to insert code into a css child.

    I tried, without success, to find the point to which your code refers in the TwentySixteen theme. I would be interested to know whereabouts it is so I can understand better what I’m doing.

    There is a slight glitch in that showing the menu displaces slightly the placement of the ‘Proudly Powered by WordPress’line which follows. Did you encounter this and if so how did you rectify this?

    Nevertheless, despite this slight glitch, your code provides a more elegant solution than any of the others I’ve encountered, so far, when trying to place a menu bar in the footer.

    Thanks for your help.

    Forum: Themes and Templates
    In reply to: [Twenty Sixteen] Reducing white space
    Thread Starter hendosdad

    (@hendosdad)

    10 years, 4 months ago

    OK, after a long process of elimination I worked out how to remove the white space between the end of the page content and the beginning of the footer.

    However, I still can’t work out how to reduce the white space that appears immediately before the bottom line (‘Proudly powered by WordPress’).

    Can anyone help?

    Forum: Plugins
    In reply to: [Horizontal Footer Sitemap - Widget] remove underlines from links
    hendosdad

    (@hendosdad)

    10 years, 4 months ago

    I also would like to remove the underlines from the links.
    The plugin is working well so its just a cosmetic change.

    I’m running WordPress 4.5 with the twentysixteen theme.
    Website is http://www.hotsbath.uk

    Thank you.

Viewing 5 replies - 31 through 35 (of 35 total)
1 2 3