Support » Theme: Attitude » Child Theme Does Not Override Parent CSS?

  • Resolved Alex

    (@atjuchgmailcom)


    I have Attitude installed as a child theme, I have changed some of the CSS but not all of it is being overridden? What would cause this?

    Example

    I am trying to delete the white space above the header image. I have added the following to the Custom CSS and I inspected it with Chrome and it’s pulling the parent CSS still. The @import path is correct because it still takes some of my other changes.

    .hgroup-wrap {
    	padding-top: 0;
    	padding-bottom: 0;
    }

    Am I missing a step?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi there, try placing the !important declaration. It could be that your declaration is being overriden.

    Good luck!

    Alex

    (@atjuchgmailcom)

    Where do I put that?

    I’d try it like this

    .hgroup-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }

    Alex

    (@atjuchgmailcom)

    .hgroup-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }

    Did not work…anything other thoughts?

    Alex

    (@atjuchgmailcom)

    What’s interesting is that if I inspect the element on the header (above the image), its pulling the parent CSS file.

    /*
    Theme Name: Attitude
    Theme URI: http://themehorse.com/themes/attitude
    Author: Theme Horse
    Author URI: http://themehorse.com
    Description: Attitude is a Simple, Clean and Responsive Retina Ready WordPress Theme which adapts automatically to your tablets and mobile devices. Along with the elegant design the theme is easily customizable with numerous theme options. Some of the highlighted options are two site layout (Narrow and Wide), 5 layouts for every post/page, 5 Page Templates, 5 widget areas, 4 custom widgets, featured slider to highlight your post/page, 11 social icons, webmaster tools, custom background, custom Header, custom menu, custom favicon, custom CSS, custom webclip icon, custom logo and many more. Also supports some of the popular plugins like Breadcrumb NavXT, WP-PageNavi and Contact Form 7. It is also translation ready. Get free support on http://themehorse.com/support-forum/
    Version: 1.1.6
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: white, light, blue, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, custom-background, custom-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post
    Text Domain: attitude
    */

    But if I inspect the navigation, it’s pull the child theme.

    /*
    Theme Name:     Tre Gatti Vineyards
    Theme URI:      http://tregattivineyards.com
    Description:    Tre Gatti Vineyards Website theme
    Author:         Access Publishing
    Author URI:     http://accesspublishing.com
    Template:       attitude.1.1.6
    Version:        0.1.0
    */

    What am I missing here? That doesn’t seem normal.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Can you link the webpage with the issue?

    Alex

    (@atjuchgmailcom)

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Close your opening curly brace;

    #access a:hover,
    #access ul li.current-menu-item a,
    #access ul li.current_page_ancestor a,
    #access ul li.current-menu-ancestor a,
    #access ul li.current_page_item a,
    #access ul li:hover > a {
    	color: #ffffff;

    Alex

    (@atjuchgmailcom)

    Looks like that did it

    Alex

    (@atjuchgmailcom)

    Andrew, whats the CSS to delete the remaining top white portion and fix the coloring white borders around my content and the footer?

    Alex

    (@atjuchgmailcom)

    I think I figured it out 🙂

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Child Theme Does Not Override Parent CSS?’ is closed to new replies.