Mono Support Home Page and News Web Part CSS Questions 

Viewed 37695 time(s), 15 post(s), 5/6/2015 1:31:43 PM - by NicholasHatfield
5/6/2015 1:31:43 PM
107 Reputation 14 Total posts

First of all thank you for the excellent product.  I have two (hopefully) easy questions.

1. Where do I need to edit the CSS/Code for the Custom News Web Part to make the table smaller or more condensed.  I would also like to edit the color scheme.

2. Where is the CSS located for the color gradient in the background behind the banner on the main page (default)? Also, I realize Monox utilizes nesting but I am unsure where the (Secondary?) Header for the main page is located. Any help will do.


Hopefully I've provided enough information here. Thanks!

1
5/6/2015 1:46:20 PM
459 Reputation 55 Total posts

Hi Nicolas,

best way to handle CSS is trough SASS (SCSS). Default theme's SASS files are located in AppThemes/Default folder, and instructions for using it you can find here. Also, you can edit CSS file which is also located in AppThemes/Default folder, but it's not recommended to go that way. All styling considering particular module you can find by searching SCSS files for certain CSS class you wish to edit.

I hope this will help.

Best regards!

2
5/6/2015 1:51:04 PM
107 Reputation 14 Total posts

Thank you for your help. I'll hack away at that for a while!

3
5/6/2015 1:54:48 PM
107 Reputation 14 Total posts

Could you confirm if my suspicions are correct?

_page-home.scss controls homepage/banner CSS

_general-header.scss controls navigation CSS

4
5/6/2015 2:11:05 PM
459 Reputation 55 Total posts

Yes, but some styling is maybe more general, so it can be defined somewhere else.

5
5/6/2015 4:01:01 PM
107 Reputation 14 Total posts

Sure, definitely.  Thanks! 

Is it possible to modify the main default page to a two column setup?

6
5/6/2015 4:53:43 PM
107 Reputation 14 Total posts

The attached image shows what the news feed looks like.  Where do I need to go in the SASS to put the Title and Author on the same line? I don't want to do any harm to the web part!

Thanks again!

7
5/7/2015 8:31:44 AM
459 Reputation 55 Total posts

Nicolas,
please try to add new rules (or edit old ones) for classes marked on image bellow.

8
5/7/2015 12:33:22 PM
107 Reputation 14 Total posts

Great, thank you! Terrific.

9
5/7/2015 1:08:15 PM
107 Reputation 14 Total posts

One last question (for now)...

Where can I find <#NewsShortContent#>

I want to change properties about this tag such as how long the content is or to only post an image. Where can I find this?

Thank you again, I'm really enjoying your software. 

10
1 2
This is a demo site for MonoX. Please visit Mono Software for more info.