Can’t change padding on site header

  • Resolved TruthMerchant

    (@truthmerchant)


    7 years, 11 months ago

    I am trying to use this plugin to override the Tewntysixteen style sheet and get the archive pages I want. One of the things I want is to compress the height of the site header by cutting down the vertical padding. NO matter what I do, I can’t seem to override the blimp that is the Twentysixteen header. The site is tacomatest2.xyz and the debugger (firefox or chrome) shows the code from the plugin and it looks like it should. But I can’t make it work. I know very little about css, PLease use the debugger in your browser to examine my attempts and tell me how to override the theme css please. At the site click on initiatives (upper right) and you will see an archive of custom post type “initiatives” with titles and footers suppressed as per the directives in the plugin file. Use f12 to view the plugin styles in the header. Help….

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Diana Burduja

    (@diana_burduja)

    You can try the following CSS rule:

    @media screen and (min-width: 61.5625em)
.site-header {
    padding: 0 4.5455% !important;
}
    Thread Starter TruthMerchant

    (@truthmerchant)

    That doesn’t seem to work either….

    In addition, I assert “.mc1-rate-before” via a filter on <body> so that I can selectively apply the css rules I want. The only thing that seems to work is to use the “#masthead” selector, but as soon as I add “.mc1-rate-before” it stops working. I though that a header style sheet overrules a linked file. But that seems a bogus claim.

    Plugin Author Diana Burduja

    (@diana_burduja)

    A “header style sheet” (I guess you mean “inline stylesheet) doesn’t overrule linked file, it depends on the order. If a linked file shows up later than the inline code, then the later will overwrite the former.

    I don’t understand why do you add the “.mc1-rate-before” before the rules when you don’t have such a class in your page. Maybe you can read on CSS selectors, in particular the part about Descendant Combinator.

    If you need more help, maybe you can consider hiring a programmer. Here you can report things not working with the Simple Custom CSS and JS plugin, not with questions specific to CSS or JS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can’t change padding on site header’ is closed to new replies.