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 )

37693 put(a) pogledan, 15 odgovor(a) 6.5.2015. 13:31:43Kreirao(la) NicholasHatfield
NicholasHatfield

NicholasHatfield

6.5.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!
Ovaj sadržaj još nije ocijenjen. 
107 Reputacija 14 Ukupno objava
ivanb

ivanb

6.5.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!
Ovaj sadržaj još nije ocijenjen. 
459 Reputacija 55 Ukupno objava
NicholasHatfield

NicholasHatfield

6.5.2015. 13:51:04
Thank you for your help. I'll hack away at that for a while!
Ovaj sadržaj još nije ocijenjen. 
107 Reputacija 14 Ukupno objava
NicholasHatfield

NicholasHatfield

6.5.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
Ovaj sadržaj još nije ocijenjen. 
107 Reputacija 14 Ukupno objava
ivanb

ivanb

6.5.2015. 14:11:05
Yes, but some styling is maybe more general, so it can be defined somewhere else.
Ovaj sadržaj još nije ocijenjen. 
459 Reputacija 55 Ukupno objava
NicholasHatfield

NicholasHatfield

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

Is it possible to modify the main default page to a two column setup?
Ovaj sadržaj još nije ocijenjen. 
107 Reputacija 14 Ukupno objava
NicholasHatfield

NicholasHatfield

6.5.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!
Ovaj sadržaj još nije ocijenjen. 
107 Reputacija 14 Ukupno objava
ivanb

ivanb

7.5.2015. 8:31:44
Nicolas,
please try to add new rules (or edit old ones) for classes marked on image bellow.
Ovaj sadržaj još nije ocijenjen. 
459 Reputacija 55 Ukupno objava
NicholasHatfield

NicholasHatfield

7.5.2015. 12:33:22
Great, thank you! Terrific.
Ovaj sadržaj još nije ocijenjen. 
107 Reputacija 14 Ukupno objava
NicholasHatfield

NicholasHatfield

7.5.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. 
Ovaj sadržaj još nije ocijenjen. 
107 Reputacija 14 Ukupno objava
1 2