Forums » 3rd Party Product Discussions

Advanced Activity Feeds - CSS Needed

    • 15 posts
    May 15, 2021 8:32 AM EDT

    Hi

    Does anyone know where the CSS files for this plugin are located please?

    I'm not happy that the appearance of the welcome block stays "light" when the "dark" theme is chosen in Accessibility options. 

    • 15 posts
    May 18, 2021 1:32 PM EDT

    More specifically perhaps... I've inspected the elements, and tracked down the CSS file now, HOWEVER I'm stuck on one thing...
    I keep coming back to    background-color:$theme_body_background_color;  

    Where do I find where    theme_body_background_color   is defined?

    I'm pretty sure that where I find what the RGB/hex for  theme_body_background_color  is I can make progress.

    Thanks in advance for any help.

    • 9 posts
    May 18, 2021 7:45 PM EDT

    Possibly the instructions are coming from your Theme's - constants.css file  or could also be colors set from a table in the MySQL DB.  

    • 15 posts
    May 24, 2021 9:16 AM EDT
    George said:

    Possibly the instructions are coming from your Theme's - constants.css file  or could also be colors set from a table in the MySQL DB.  

    Thanks, I wish it was as easy as the constants.css file... all that I get there are references like this:

    theme_topbar_minimenu_link_color: $serenity_minimenu_links_color;

    Unfortunately, "serenity_minimenu" does not make an appearance in either main.css, or styles.css within the Serenity Theme module.

    The same principle applies to all the other entries in the CSS files.

    • Moderator
    • 5592 posts
    May 24, 2021 10:09 AM EDT

    The theme_body_background color is in the constants.css file and controls the body background.

    constants.css:
       27    theme_content_columns_left_width: 250px;
       28    theme_content_columns_right_width: 250px;
       29:   theme_body_background_color: $serenity_body_background_color;

     

    If you want to change a specific item, it would be best to use inspect element to find that specific thing and instead add that to your theme.css in admin. Like this (as you did not provide a screenshot, help is going to have to be generic until you provide a screenshot of what you want to change):

    Note in this screenshot it is in dark mode and the background seems fine.

    Also, you can't see the top part of that code but it is specific to dark mode:

    .dark_mode .layout_left > .generic_layout_container

     

    • Moderator
    • 5592 posts
    May 24, 2021 10:11 AM EDT

    When posting code snippets, please follow the posted community rules and use the code tag which is next to the smiley tag, on the right of it. Otherwise, we do delete code that is not enclosed. My code above is in code tags.