• Resolved ruddyred

    (@ruddyred)


    Hi,
    The js minification works perfectly. I am having issue making the css work. I can use the site without it, but with it on, my site would load in a much much faster speed. I want that faster speed.
    I have been adding and removing a lot of my css from the exclusion list. Going through this forum. Deleting new plugins, nothing is working. The issue is the the sub header menu is messed up, and my video page fails to load the play button, plus other minor css issues.
    Do you know what it could be? Or what I need to exclude?

    https://ww.wp.xz.cn/plugins/autoptimize/

Viewing 10 replies - 16 through 25 (of 25 total)
  • Thread Starter ruddyred

    (@ruddyred)

    yes I have a back end on another server, but they share the same database so everything done in the back end is mirrored in the front end production site. I can leave it on for a couple of hours, not expecting much traffic.

    Plugin Author Frank Goossens

    (@futtta)

    can leave it on for a couple of hours, not expecting much traffic.

    ok, i’ll probably have some time to a look in approx. 2h

    Plugin Author Frank Goossens

    (@futtta)

    OK, for the menu dropdown color you’ll have to make a (very) small adjustment to your style’s CSS; in main.css change

    .dropdown-menu {background: none repeat scroll 0% 0% #4C5358;}
    into
    .dropdown-menu {background: none repeat scroll 0% 0% #4C5358 !important;}

    for the image over the video, you’ll probably have to exclude vp1_html5.css from CSS optimization.

    fingers crossed πŸ˜‰
    frank

    Thread Starter ruddyred

    (@ruddyred)

    THANK You!! the exclusion of vp1_html5.css solved the video issue.

    Editing the menu is no problem.

    So does editing the menu stop what ever the issue was for the header?

    And do I leave the function.php as is with the code from above?

    and currently the inlined all css is unchecked.

    Plugin Author Frank Goossens

    (@futtta)

    try commenting out the add_filter-line in your functions.php and see what gives. same for inline (but I suspect not inline will break things again, most of which could however probably be solved by adding some more !important flags in main.css).

    frank

    Thread Starter ruddyred

    (@ruddyred)

    The menu went back off center when I commented out the add_filter. The inline didn’t make much of a difference to the site.

    Plugin Author Frank Goossens

    (@futtta)

    commenting out the add_filter is not very important; the CSS that is ignored is already inline, which from a perf. POV is good (if it’s not a huge amount, that is).

    so I guess we can mark this as resolved now. was an interesting exercise πŸ™‚

    have a nice sunday,
    frank

    Thread Starter ruddyred

    (@ruddyred)

    so if I can figure out how to use css to recenter the header just like you did with the color, would that solve the issue?

    And is inlining good or bad for optimization and speed?

    Plugin Author Frank Goossens

    (@futtta)

    so if I can figure out how to use css to recenter the header just like you did with the color, would that solve the issue?

    yep πŸ™‚

    And is inlining good or bad for optimization and speed?

    if the amount of CSS is not to huge, it’s good. if there’s a lot of CSS inlined (e.g. if your HTML goes from 45kb to 120kb), then it’s bad. also depends on your site’s bounce rate really; if people on average view multiple pages, then not inlining is better because that way the CSS-files can be served from the browser cache as from the 2nd visit.

    Thread Starter ruddyred

    (@ruddyred)

    Thanks for the support!

Viewing 10 replies - 16 through 25 (of 25 total)

The topic ‘CSS issues’ is closed to new replies.