Why would your plugin block this CSS?

  • Resolved simon_a6

    (@simon_a6)


    11 months, 3 weeks ago

    Hi

    We are developing website that uses this CSS to position and design the Date of a Blog article on all Blog pages.

    .porto-section.porto-gb-2570a1cf472d9eee677a8828ba75f8dc {
        position: absolute;
        padding: 8px 16px 8px 16px;
        z-index: 1;
        bottom: 65px;
        left: 24px;
        font-weight: 700;
        color: #ffffff;
    }

    Do you know why your Plugin would ‘bypass’ this making the page look wrong?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Israel Martins

    (@israelmartins)

    11 months, 3 weeks ago

    Hi @simon_a6 ,

    The loading priority of the stylesheet could be lower than that of Popup Maker’s.

    (e.g., A function with a priority of 11 will run after a function with a priority of 10; and a function with a priority of 9 will run before a function with a priority of 10.)

    If that’s the case, you could adjust the stylesheet priority to a value higher than that of Popup Maker’s.

    Alternatively, you could give your styling highest* priority by using the !important flag.

    e.g.,

    .porto-section.porto-gb-2570a1cf472d9eee677a8828ba75f8dc {
    position: absolute !important;
    ...
}

    *Property maintains highest priority as long as no subsequently loaded style has the !important flag for the same property.

    Please let us know if that helps.

    Plugin Support Kim L

    (@kimmyx)

    11 months, 2 weeks ago

    Hi there,

    I’m going to mark this as resolved as we haven’t heard from you in a while.

    Feel free to create a new thread if you have other questions.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Why would your plugin block this CSS?’ is closed to new replies.