MonoX support board

Start the conversation, ask questions and share tips and solutions with fellow developers.

Non-registered users can only browse through our support boards. Please register now if you want to post your questions. It takes a second and it is completely free. Alternatively, you can log in without registration using your credentials at major sites such as Google, Microsoft Live, OpenId, Facebook, LinkedIn or Yahoo.

Home Page and News Web Part CSS Questions  (Mono Support )

Viewed 34159 time(s), 15 post(s) 5/6/2015 1:31:43 PMby NicholasHatfield
NicholasHatfield

NicholasHatfield

5/6/2015 1:31:43 PM
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!
This content has not been rated yet. 
107 Reputation 14 Total posts
ivanb

ivanb

5/6/2015 1:46:20 PM
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!
This content has not been rated yet. 
459 Reputation 55 Total posts
NicholasHatfield

NicholasHatfield

5/6/2015 1:51:04 PM
Thank you for your help. I'll hack away at that for a while!
This content has not been rated yet. 
107 Reputation 14 Total posts
NicholasHatfield

NicholasHatfield

5/6/2015 1:54:48 PM
Could you confirm if my suspicions are correct?

_page-home.scss controls homepage/banner CSS

_general-header.scss controls navigation CSS
This content has not been rated yet. 
107 Reputation 14 Total posts
ivanb

ivanb

5/6/2015 2:11:05 PM
Yes, but some styling is maybe more general, so it can be defined somewhere else.
This content has not been rated yet. 
459 Reputation 55 Total posts
NicholasHatfield

NicholasHatfield

5/6/2015 4:01:01 PM
Sure, definitely.  Thanks! 

Is it possible to modify the main default page to a two column setup?
This content has not been rated yet. 
107 Reputation 14 Total posts
NicholasHatfield

NicholasHatfield

5/6/2015 4:53:43 PM
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!
This content has not been rated yet. 
107 Reputation 14 Total posts
ivanb

ivanb

5/7/2015 8:31:44 AM
Nicolas,
please try to add new rules (or edit old ones) for classes marked on image bellow.
This content has not been rated yet. 
459 Reputation 55 Total posts
NicholasHatfield

NicholasHatfield

5/7/2015 12:33:22 PM
Great, thank you! Terrific.
This content has not been rated yet. 
107 Reputation 14 Total posts
NicholasHatfield

NicholasHatfield

5/7/2015 1:08:15 PM
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. 
This content has not been rated yet. 
107 Reputation 14 Total posts
1 2