CSS backgroud color issue

  • Resolved korbball

    (@korbball)


    4 years, 7 months ago

    Hi there

    You have made a really nice and useful plugin, thank you ??

    There is a small issue: it seams that some blocks take the gray background color and they apears a bit darker.

    You can see this at “Jugendriege” or “Aktive” – they should all have the same color.

    best way to demonstate this is if you insert this css:

    .mptt-shortcode-wrapper .mptt-shortcode-table tbody tr:nth-child(2n+2) {
 background-color:black;
}

    thanks
    korbball

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support arsengunner

    (@arsengunner)

    @korbball

    Hi there! Are you referring to some dark overlay on some events background color? if so, it is an opacity, which is added in Background Color option for each event: https://prnt.sc/ruszbh. The opacity is added on purpose, so the text over background is more readable. Feel free to increase the opacity value more to “1” to make the color closer to the original one.
    Let me know if this helped.

    Regards,
    Arsen

    Thread Starter korbball

    (@korbball)

    Hi Arsen

    Have you tried my CSS?
    Please have a look at the event “Jugendriege”
    Monday and Friday are darker then Tuesday and Thursday.
    I think ith has to do of the backgroundcolor of the row.
    mptt-shortcode-row-37 is grey and mptt-shortcode-row-36 is white.
    So all events starting in row 37 are darker the ones starting in row 36.

    https://stveggethof.ch.summer.metanet.ch/veranstaltungen/trainingsplan/

    best regards
    korbball

    Plugin Support arsengunner

    (@arsengunner)

    Hi there!

    I am sorry for the delayed response. Thank you for clarification, I was able to get what you meant and found out the cause of the issue.
    In order to make all the events background color the same (light), add the following CSS code under Appearance ->Customize ->Additional CSS:

    .mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody tr:nth-child(2n+2) td.event {
    background-color: #fff;
}

    Let me know if this helped.

    Regards,
    Arsen

    Thread Starter korbball

    (@korbball)

    Hi Arsen

    Exactly, this works perfect. hope you will implement it in your next update.

    best regards
    korbball

    Plugin Support arsengunner

    (@arsengunner)

    @korbball

    Hi there!

    You are always welcome, I am glad this worked for you.

    Regards,
    Arsen

    Thread Starter korbball

    (@korbball)

    Hi Aresen

    Will you correct this issue in you next upadete?
    I have seen it was not implemented in the last one.

    br
    korbball

    Plugin Support arsengunner

    (@arsengunner)

    @korbball Hi there!
    The issue does not seem to be considered as a bug, which means that these changes will not likely be included in the plugin update. Nevertheless, other users experiencing this issue may find solution in this topic ??
    Anyway, if there are more similar requests from other users, we will consider adding this CSS code to one of plugin future updates.

    Regards,
    Arsen

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘CSS backgroud color issue’ is closed to new replies.

Tags