Support » Theme: Inkness » Removing Padding Under the Slider

Viewing 8 replies - 1 through 8 (of 8 total)
  • Create a child theme

    Then look around line 396 in your themes css file.
    http://www.salonfree.com/wp-content/themes/inkness/css/skins/main.css

    Remove the line that reads margin-bottom: 80px;

    Follw knoppys’ instructions to create a child theme, then find this on line 472 the main.css file:

    #primary {
      padding: 20px 15px;
      background: #fff;
      padding-top: 10px;
      margin-top: 35px;
      border: solid 1px #eee;

    I changed it to this:

    #primary {
      padding: 20px 15px;
      background: #fff;
      padding-top: 10px;
      margin-top: -30px;
      border: solid 1px #eee;

    You may have to play around with the distance, but it did work.

    Hope that helps!

    Awesome, I’m still having trouble creating a child theme.

    I’m following the directions (as i understand them) Hopefully correctly
    (https://codex.wordpress.org/Child_Themes)

    When I create the theme-child folder on my desktop, I can’t alter any of the style.css

    Do I need to download a css editor?

    Okay, I now have a child theme!

    I did both of these suggestions and am not seeing a change.

    This is what I’m seeing

    /*
    Theme Name: Inkness Child Theme
    Theme URI: http://inkhive.com/product/inkness/
    Author: Rohit Tripathi
    Author URI: http://inkhive.com
    Description: Inkness is a Responsive theme with 3 Column Grid based homepage layout. This theme is overloaded with plenty of featured, including an amazing reponsive slider, Multiple Page Layouts, Configurable Sidebar Locations, Footer Widgets & Easy to use admin Panel. This theme is upgradable to a pro version to enable more features. .pot file has been provided, so that you can translate theme into any language.
    Version: 1.0.2.3
    License: GNU General Public License
    License URI: license.txt
    Template: inkness
    Text Domain: inkness
    Domain Path: /languages/
    Tags: light, custom-background, two-columns, right-sidebar, responsive-layout, custom-menu, sticky-post, theme-options, threaded-comments, translation-ready, gray, left-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

    Inkness is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
    Inkness WordPress Theme, Copyright 2013 Rohit Tripathi.
    Inkness WordPress Theme is distributed under the terms of the GNU GPL v3.
    */

    @import url(“../inkness/style.css”);

    /* =Theme customization starts here
    /* =Reset
    ————————————————————– */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    }
    html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    }
    body {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    }
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    main,
    nav,
    section {
    display: block;
    }
    ol, ul {
    list-style: none;
    }
    table { /* tables still need ‘cellspacing=”0″‘ in the markup */
    border-collapse: separate;
    border-spacing: 0;
    }
    caption, th, td {
    font-weight: normal;
    text-align: left;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: “”;
    }
    blockquote, q {
    quotes: “” “”;
    }
    a:focus {
    outline: thin dotted;
    }
    a:hover,
    a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
    }
    a img {
    border: 0;
    }

    /* =Global
    ———————————————– */

    body,
    button,
    input,
    select,
    textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    }

    /* Headings */
    h1, h2, h3, h4, h5, h6 {
    clear: both;
    }
    hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
    }

    /* Text elements */
    p {
    margin-bottom: 1.5em;
    }
    ul, ol {
    margin: 0 0 1.5em 3em;
    }
    ul {
    list-style: disc;
    }
    ol {
    list-style: decimal;
    }
    li > ul,
    li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
    }
    dt {
    font-weight: bold;
    }
    dd {
    margin: 0 1.5em 1.5em;
    }
    b, strong {
    font-weight: bold;
    }
    dfn, cite, em, i {
    font-style: italic;
    }
    blockquote {
    margin: 0 1.5em;
    }
    address {
    margin: 0 0 1.5em;
    }
    pre {
    background: #eee;
    font-family: “Courier 10 Pitch”, Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    }
    code, kbd, tt, var {
    font: 15px Monaco, Consolas, “Andale Mono”, “DejaVu Sans Mono”, monospace;
    }
    abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
    }
    mark, ins {
    background: #fff9c0;
    text-decoration: none;
    }
    sup,
    sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    }
    sup {
    bottom: 1ex;
    }
    sub {
    top: .5ex;
    }
    small {
    font-size: 75%;
    }
    big {
    font-size: 125%;
    }
    figure {
    margin: 0;
    }
    table {
    margin: 0 0 1.5em;
    width: 100%;
    }
    th {
    font-weight: bold;
    }
    img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    }
    button,
    input,
    select,
    textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
    }
    button,
    input {
    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    }
    button,
    html input[type=”button”],
    input[type=”reset”],
    input[type=”submit”] {
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type ‘input’ and others */
    -webkit-appearance: button; /* Corrects inability to style clickable ‘input’ types in iOS */
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }
    button:hover,
    html input[type=”button”]:hover,
    input[type=”reset”]:hover,
    input[type=”submit”]:hover {
    border-color: #ccc #bbb #aaa #bbb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
    }
    button:focus,
    html input[type=”button”]:focus,
    input[type=”reset”]:focus,
    input[type=”submit”]:focus,
    button:active,
    html input[type=”button”]:active,
    input[type=”reset”]:active,
    input[type=”submit”]:active {
    border-color: #aaa #bbb #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
    }
    input[type=”checkbox”],
    input[type=”radio”] {
    box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    padding: 0; /* Addresses excess padding in IE8/9 */
    }
    input[type=”search”] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    }
    input[type=”search”]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
    }
    button::-moz-focus-inner,
    input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 http://www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
    }
    input[type=”text”],
    input[type=”email”],
    input[type=”url”],
    input[type=”password”],
    input[type=”search”],
    textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    }
    input[type=”text”]:focus,
    input[type=”email”]:focus,
    input[type=”url”]:focus,
    input[type=”password”]:focus,
    input[type=”search”]:focus,
    textarea:focus {
    color: #111;
    }
    input[type=”text”],
    input[type=”email”],
    input[type=”url”],
    input[type=”password”],
    input[type=”search”] {
    padding: 3px;
    }
    textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 98%;
    }

    /* Alignment */
    .alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    }
    .alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    }
    .aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
    }

    /* Text meant only for screen readers */
    .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    }

    .screen-reader-text:hover,
    .screen-reader-text:active,
    .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
    }

    /* Clearing */
    .clear:before,
    .clear:after,
    .entry-content:before,
    .entry-content:after,
    .comment-content:before,
    .comment-content:after,
    .site-header:before,
    .site-header:after,
    .site-content:before,
    .site-content:after,
    .site-footer:before,
    .site-footer:after {
    content: ”;
    display: table;
    }

    .clear:after,
    .entry-content:after,
    .comment-content:after,
    .site-header:after,
    .site-content:after,
    .site-footer:after {
    clear: both;
    }

    /* =Content
    ———————————————– */

    .sticky {
    }
    .hentry {
    margin: 0 0 1.5em;
    }
    .byline,
    .updated {
    display: none;
    }
    .single .byline,
    .group-blog .byline {
    display: inline;
    }
    .page-content,
    .entry-content,
    .entry-summary {
    margin: 1.5em 0 0;
    }
    .page-links {
    clear: both;
    margin: 0 0 1.5em;
    }

    /* =Asides
    ———————————————– */

    .blog .format-aside .entry-title,
    .archive .format-aside .entry-title {
    display: none;
    }

    /* =Media
    ———————————————– */

    .page-content img.wp-smiley,
    .entry-content img.wp-smiley,
    .comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    }
    .wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
    }
    .wp-caption img[class*=”wp-image-“] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
    }
    .wp-caption-text {
    text-align: center;
    }
    .wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    }
    .site-main .gallery {
    margin-bottom: 1.5em;
    }
    .gallery-caption {
    }
    .site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
    }
    .site-main .gallery dd {
    margin: 0;
    }
    .site-main .gallery-columns-4 .gallery-item {
    }
    .site-main .gallery-columns-4 .gallery-item img {
    }

    /* Make sure embeds and iframes fit their containers */
    embed,
    iframe,
    object {
    max-width: 100%;
    }

    /* =Navigation
    ———————————————– */

    .site-main [class*=”navigation”] {
    margin: 0 0 1.5em;
    overflow: hidden;
    }
    [class*=”navigation”] .nav-previous {
    float: left;
    width: 50%;
    }
    [class*=”navigation”] .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    }

    /* =Comments
    ———————————————– */

    .comment-content a {
    word-wrap: break-word;
    }
    .bypostauthor {
    }

    /* =Widgets
    ———————————————– */

    .widget {
    margin: 0 0 1.5em;
    }

    /* Make sure select elements fit in widgets */
    .widget select {
    max-width: 100%;
    }

    /* Search widget */
    .widget_search .search-submit {
    display: none;
    }

    /* =Infinite Scroll
    ———————————————– */

    /* Globally hidden elements when Infinite Scroll is supported and in use. */
    .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
    .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
    }

    /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
    .infinity-end.neverending .site-footer {
    display: block;
    }

    /* = Fix for equalHeights
    ———————————————– */

    @media screen and (min-width: 1200px) {
    .featured-thumb {
    min-height: 207px !important;
    overflow: hidden;
    }
    }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
    .featured-thumb {
    min-height: 170px !important;
    overflow: hidden;
    }
    }

    You have to make that change in the main.css page that is under wp-content, themes, name of the theme you’re using, css, then skins. I couldn’t change this in the styles.css that you posted above and I tried everything after installing the theme.

    I used Dreamweaver to edit the main.css file and Filezilla to reupload it to the directory. If you don’t have DW, you can use any HTML editor to make that change.

    I was able to remove the padding under the header and move my content area up. (line 476 of main.css) Now I would like to move my sidebar up to match my content. I cant seem to find margin-top for the sidebar anywhere.
    My site is http://www.clcgeorgia.org/clc_wordpress (This is my temp working site until I have it set up like I want it.) Thanks for your help.

    Okay for anyone else that wants to move the sidebar up. I edited main.css and added the margin-top line. (It is around line 750 or so.)
    #secondary,
    #footer-sidebar {
    padding: 20px 10px;
    margin-top: -48px;
    }

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Removing Padding Under the Slider’ is closed to new replies.