Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

Simon

Forum Replies Created

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • in reply to: Last Menu Item Remove Padding Right #471231

    Sorry, I didn’t realise you were using a drop down sub menu.

    Add this to your css:

    .main-navigation .main-nav ul ul {
    text-align: left;
    }

    Simon

    in reply to: Last Menu Item Remove Padding Right #468548

    While Leo’s solution will work, it messes up the mobile menu.

    A better way would be to apply ‘text-align: right’ to the ‘.main-nav’ ul, de-float the last 2 items and remove the padding from the last item’s anchor.

    This css also lets you put the items in the correct display order, with the search item BEFORE the contact item in the menu editor.

    .main-navigation .main-nav ul {
      text-align: right;
    }
    
    .main-navigation .main-nav ul li:nth-last-child(1),
    .main-navigation .main-nav ul li:nth-last-child(2) {
      float: none;
      display: inline-block;
    }
    
    .main-navigation .main-nav ul li:last-child a {
      padding-right: 0;
    }

    You have a few un-needed css classes which are being ignored/overridden so you can safely remove all traces of both ‘menu-item-float-right’ and ‘main-nav-no-pad-right’ from your menu items and css if you use the above css code.

    in reply to: Footer padding #465511

    Hi,

    On a contained width site, like this one, it looks right, especially with the contrasting background colour.
    If you change the background color to white, it looks wrong and needs the content padding removing.

    Thanks,

    Simon

    in reply to: Where to put CSS for optimizing page loading times #464121

    Hi,

    To prevent ugly pages during loading, I put this in the Before Header hook:

    <style>
    #pz_loader-container {
      position: fixed;
      z-index: 99999;
      width: 100%;
      height: 100%;
      top: 0;
      overflow: hidden;
      /* page background color while loading spinner is visible */
      background: #fff;
    }
    .pz_loader {
      position: absolute;
      top: calc(50% - 5em);
      left: calc(50% - 5em);
      -webkit-animation: load8 1.1s infinite linear;
      animation: load8 1.1s infinite linear;
      /* size of loading spinner */
      border-radius: 50%;
      width: 10em;
      height: 10em;
      /* color of loading spinner */
      border: 0.8em solid #ccc;
      border-left-color: #000;
    }
    @-webkit-keyframes load8 {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @keyframes load8 {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    </style>
    <div id="pz_loader-container">
      <div class="pz_loader"></div>
    </div>
    <script type="text/javascript">
      jQuery(document).ready(function($) {
        var loaderContainer = $("#pz_loader-container");
        $(window).on("load", function() {
          loaderContainer.fadeOut();
        });
        loaderContainer.on("click", function() {
          loaderContainer.fadeOut();
        });
      });
    </script>

    Simon

    in reply to: Code highlighting in GP Hooks? #462408

    While not handling the code highlighting, I have this code in my child theme functions.php to at least make it easier to read:

    function my_custom_fonts() {
      echo '<style> textarea[id^="generate_hooks"] { font-family: Courier New, monospace !important; } </style>';
    }
    add_action('admin_head', 'my_custom_fonts');

    Simon

Viewing 5 posts - 1 through 5 (of 5 total)