Search in:

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.
Back to all discussion topics

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

Viewed 38084 time(s), 15 post(s) 06.05.2015 13:31:43,  by NicholasHatfield
NicholasHatfield

NicholasHatfield

06.05.2015 13:31:43
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!
Dieser Inhalt wurde noch nicht bewertet. 
107 Reputation 14 Total posts
ivanb

ivanb

06.05.2015 13:46:20
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!
Dieser Inhalt wurde noch nicht bewertet. 
459 Reputation 55 Total posts
NicholasHatfield

NicholasHatfield

06.05.2015 13:51:04
Thank you for your help. I'll hack away at that for a while!
Dieser Inhalt wurde noch nicht bewertet. 
107 Reputation 14 Total posts
NicholasHatfield

NicholasHatfield

06.05.2015 13:54:48
Could you confirm if my suspicions are correct?

_page-home.scss controls homepage/banner CSS

_general-header.scss controls navigation CSS
Dieser Inhalt wurde noch nicht bewertet. 
107 Reputation 14 Total posts
ivanb

ivanb

06.05.2015 14:11:05
Yes, but some styling is maybe more general, so it can be defined somewhere else.
Dieser Inhalt wurde noch nicht bewertet. 
459 Reputation 55 Total posts
NicholasHatfield

NicholasHatfield

06.05.2015 16:01:01
Sure, definitely.  Thanks! 

Is it possible to modify the main default page to a two column setup?
Dieser Inhalt wurde noch nicht bewertet. 
107 Reputation 14 Total posts
NicholasHatfield

NicholasHatfield

06.05.2015 16:53:43
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!
Dieser Inhalt wurde noch nicht bewertet. 
107 Reputation 14 Total posts
ivanb

ivanb

07.05.2015 08:31:44
Nicolas,
please try to add new rules (or edit old ones) for classes marked on image bellow.
Dieser Inhalt wurde noch nicht bewertet. 
459 Reputation 55 Total posts
NicholasHatfield

NicholasHatfield

07.05.2015 12:33:22
Great, thank you! Terrific.
Dieser Inhalt wurde noch nicht bewertet. 
107 Reputation 14 Total posts
NicholasHatfield

NicholasHatfield

07.05.2015 13:08:15
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. 
Dieser Inhalt wurde noch nicht bewertet. 
107 Reputation 14 Total posts
1 2
MonoX Nightly Builds MonoX Gallery MonoX Roadmap Mono Software at GitHub
Additional Resources

  • Send us an e-mail

MonoX is a Mono product. mono