Okay
  Public Ticket #3078989
Text Colors
Closed

Comments

  •  2
    BRWalton started the conversation
    July 5, 2022 at 10:19pm

    Just starting to use this calendar, selected above 3 other competitors, so KUDOS.  And I LOVE you have so many choices of colors, for text and background. but I'm having trouble finding settings for some:

    -- Filter bar (it has a light tan background and white type, and I want the font to be the burgundy, and white on hover.

    -- The Bright Pink highlight for today. I didn't find that color ANYWHERE in any settings.  I want to change it to the dark blue behind the Days of the week. 


    One more, off topic -- printing. I didn't find anything in your Documents about how to Print a calendar (once categories, etc., are chosen.)  I am trying to add a "Print-o-matic" plugin, to see if that works. Any ideas how to print a calendar?  Printing the page is sort of messy.  I look forward to your response.


     

  •  787
    Zhivko replied
    July 8, 2022 at 9:16am

    Hi,

    Some elements are using same color settings (like filter menu and the datepicker dropdown) so I had to add extra css specifically for the filter menu.

    The style is already placed in Dashboard -> STEC -> Fonts & Colors -> Custom style tab.

    The style:

    /* General paragraph margin fix */
    body .stec p { margin-bottom: 0}
/* Today month & week cell color */
     .stec-layout-week-daycell-num::before,
    .stec-layout-month-daycell-num::before {
         background-color: #57718e !important;
    }
.stec-layout-week-daycell-num,
    .stec-layout-month-daycell-num { color:#fff !important; }
/* Filters menu colors */
    .stec-top-menu-filter-by {border-radius: 3px;}
    .stec-top-menu-filter-by:not(.active) .stec-top-menu-filter-title i,
    .stec-top-menu-filter-by:not(.active) .stec-top-menu-filter-title span {
        color: #814e41 !important;
    }
.stec-top-menu-filter-by.active {
        background: #814e41 !important;
    }
.stec-top-menu-filter-by.active .stec-top-menu-filter-title {
        border-color: #814e41 !important;
        background: #814e41 !important;
    }
.stec-top-menu-filter-by.active .stec-top-menu-filter-title:hover i,
    .stec-top-menu-filter-by.active .stec-top-menu-filter-title:hover span {
        color:#fff !important;
    }
.stec-top-menu-filter-by.active .stec-top-menu-filter-contents li span {
         background: #814e41 !important;
    }
.stec-top-menu-filter-by.active .stec-top-menu-filter-contents li span:hover {
         background: #fff !important;
    }


    Print button is not yet implemented. It would require a lot of work with the current code and we've decided to leave it for the next update when the whole core code will replaced by React.js.

    Stachethemes Developer

  •  2
    BRWalton replied
    July 8, 2022 at 8:33pm

    That's great!  All worked well. You may close this ticket.


    I appreciate your help!