Custom CSS not resolving after WP 4.6 update

Homepage › Community Forums › Legacy Theme Support › Custom CSS not resolving after WP 4.6 update

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 18, 2016 at 3:30 pm #19145
    Debra
    Customer

      Site: arisingimages.com
      WP vs 4.6
      Genesis vs 2.3.1
      Legacy vs 1.3

      Hi Wes,
      After the most recent WP update to 4.6 Custom CSS is conflicting with W3C Total Cache. When W3CTC is turned on there is a huge gap above and below the siteheader. When it’s turned off the Custom CSS kicks in to reduce and display as it should with little space before and after the header image which is 164px high.

      I’ve tried the following code in custom css but as soon as I turn the W3CTC plugin back on the “extra space” above and below returns:

      .custom-header .site-header {
	background: url("http://arisingimages.com/blog/images/2014/10/960x164-ai-header-full.png") no-repeat center !important;
	height: 100%;
	width: 100%;
	max-height: 164px !important;
}

.site-header {
    margin: 0 auto;
    max-width: 1140px;
    max-height: 164px !important;
}

.head-wrap {
	background-color: #000;
	max-height: 164px !important;
}

      Any help you can provide would be much appreciated.

      Thanks
      Debra

      August 18, 2016 at 10:18 pm #19153
      Wes
      Moderator

        I’m guessing it’s not on at the moment since I don’t see a gap anywhere?

        Can you let me know when you turn it on?

        Or if you want to create a temporary login, I can turn it on myself and figure out the issue all at the same time…..that way you don’t have to have the gap on your site for too long while you wait on me to look at it.

        Just let me know!

        August 18, 2016 at 10:41 pm #19158
        Debra
        Customer

          Hey Wes,
          I just reactivated the plugin. It’ll be fine overnight US time.

          I appreciate you taking a look at it.

          FYI I’m using wpclips plugin to handle custom css to keep from having to mess with your primary theme code.

          August 18, 2016 at 11:21 pm #19159
          Wes
          Moderator

            Ok, just inspected some of the code and tested a few things. The first thing I noticed is that the space above the top is reduced above the logo once I remove the height from the custom code – 

            .custom-header .site-header {
    background: url("http://arisingimages.com/blog/images/2014/10/960x164-ai-header-full.png") no-repeat center !important;
    /*height: 100%;*/
    width: 100%;
    min-height: 164px;
}

            As you can see I didn’t totally remove it, I just “commented” it out just in case you need it for something.

            So, “comment out” or remove that code first to take care of the top of the logo.

            Now the bottom space of the Menu appears to be coming from the Layer Slider Plugin. It adds 350px of height under the menu. Here’s the code that shows up in your source code –

                width: 960px;
    height: 350px;
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 0px;

            Are you using the Layer Slider at all? If not, I would try disabling that to see if it makes a difference without having to override it with custom CSS.

            Let me know!

            BTW, here’s how it looks when you remove the height from both of those areas I mentioned above – http://i.imgur.com/QZXpwoX.png

            August 19, 2016 at 4:03 pm #19164
            Debra
            Customer

              Hi Wes,
              Thanks so much for your quick responses and for taking the time to look at this for me.

              In the end it turned out to be a conflict with another plugin (not W3C-TC as I had initially thought – mostly because that was the last plugin that had been added). Once I removed that the site/theme loads great and page-load speed (which is what this was all about) is at 1.9 sec on Pingdom and 2.7 on GTMetrix so I’m pretty happy with those stats on a photography site with lots of large images.

              I greatly appreciate the quality of your themes and speed and commitment to support.

              Cheers,
              Debra

              August 20, 2016 at 3:15 pm #19172
              Wes
              Moderator

                Awesome! Glad everything is working!

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Custom CSS not resolving after WP 4.6 update’ is closed to new replies.