Support » Plugin: National Weather Service Alerts » Theme Issue

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author John Russell

    (@laubsterboy)

    It looks like the theme content div has overflow set to hidden. There are a few options:

    Modify the theme style.css file (or create a child theme) and remove (or comment-out) the overflow property:

    .post-content {
        padding-top: 15px;
        margin-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        /* overflow: hidden; */
        clear: both;
    }

    Or, modify the theme style.css file to modify the NWS Alerts styles:

    .nws-alerts {
        float:none;
    }
    .nws-alerts-heading {
        float:none;
    }
    .nws-alerts-details {
        position:relative;
        display:block;
        max-height:none;
        height:auto;
        opacity:1;
    }
    .nws-alerts-entries {
        max-height:none;
        height:auto;
    }

    Let me know if neither of these will work.

    The bottom code works, but it is a little glitchy when hovering my mouse over it.

    Plugin Author John Russell

    (@laubsterboy)

    I forgot to include the mouse-over styles, so you’ll want to add this to the bottom of what you’ve already added. This will prevent the height from being restricted on mouse-over, so the glitches will go away.

    .nws-alerts:hover {
        z-index:3;
    }
    .nws-alerts:hover .nws-alerts-entries {
        max-height:none;
    }

    Depending on your needs you may also want to make the map larger and you can do that by adjusting the height with the below selector:

    .nws-alerts-map {
        height: 400px;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Theme Issue’ is closed to new replies.