This component/theme works with latest OSSN version.
German Michael Zülsdorff 3 years ago


[ Download | Support ]

A simple responsive theme optimized for mobile usability, featuring ...

  • fixed topbar

enter image description here

  • two member selectable color presets (light and dark)

enter image description here

  • custom color and logo editor on admin backend

enter image description here

  • chat on mobile devices

enter image description here

  • separate 'My Groups' page instead of numerous entries in the sidebar menu
  • separate section keeping your personal stuff
  • floating widgets allowing usage of full screen width on large displays

Backup / Restore

Starting with release V 2.3, GreenByGreen comes with a backup/restore mechanism that takes care of keeping your modifications.
Whenever you disable GreenByGreen (= switch to a different theme) the following files will be saved to your Ossn data directory:

  • favicon.ico
  • logo.png (your site's frontend logo)
  • logo_admin.jpg (your admin backend logo)
  • frontpage.css
  • light_mode.css
  • dark_mode.css
  • as well as the 3 accompanying pdf files listing your currently chosen colors
  • site_custom_css.php (holding your custom css changes and additions)

Whenever you enable GreenByGreen these files will be restored to the theme directory, making your site instantly look the same again without any further manual interaction.


Before manually applying any CSS changes to GreenByGreen, make friends with the comfortable admin backend and asure they can't be applied there in a much more easier way.
Manual CSS changes and additions must be saved in site_custom_css.php, only. Don't touch any of the other files since they are being modified and managed programmatically.

German Michael Zülsdorff Replied 3 years ago

Of course. Just do it.

Indonesian Muh Arief Ikhsan Yafi Replied 3 years ago

Is the position can not be changed to the middle so it looks good?

German Michael Zülsdorff Replied 3 years ago

Simple answer: Because I devoloped GreenByGreen to look like that. :)

(and actually I don't see any concerns in regards to safety)

Indonesian Muh Arief Ikhsan Yafi Replied 3 years ago

why on the login page it looks like this? if using the Mobile display it's safe but on a desktop display like that.


German Michael Zülsdorff Replied 3 years ago

I'm almost sure that your issue was caused by fucntion which is still not supported by some browsers (maybe you updated your own one in the meantime? ...)
Anyway, 1.6 comes with a more compatible replacement now.

German Michael Zülsdorff Replied 3 years ago

Hmm ... honestly this doesn't make too much sense to me ...

as both are fixed elements and a z-index > 0 only guarantees they won't get overlapped by anything else. Thus 1, 5, 100 or 1000 doesn't make a difference here.

Even more your screenshot shows, both elements DO stay in place as intended, but the remaining screens looks somewhat strange.

That said: can you still reproduce that odd screen with z-index 1000?

in Ranjan Rai Replied 3 years ago

Thanks Zetman for fixing those issue, I am able to fix the 3rd issue by just changing the z-index values to 1 from 1000 for the topbar and sidebar, I am not sure with this fix does it will work on every platform or every brousers or not, but for me on my linux box under firefox it is working.

German Michael Zülsdorff Replied 3 years ago

Hi Ranjan,
1 and 2 are fixed with the 1.5 release.

I can't reproduce your add-blog page issue though ...
maybe a Safari special ... (I don't own an Apple to verify)

or maybe a special workflow or interferences with other components ...

So please disable any components that don't start with "Ossn....", except of TextareaSupport and Blogs. Then log off and in again and list all steps to make the issue occur.

Does it depend on the screen width? if yes, how many pixels is your screenwidth then?

in Ranjan Rai Replied 3 years ago

Two more small issues with this theme
1. Favicon is not working
2. Small difference between the footer and background and it is present in numerous pages such as: notifications, messages, invite, groups, all-blogs, my-blogs pages
enter image description here
3. I very strange full screen display in text editor mode in the ck-editor, from the Add Blog page, please have a look bellow.
enter image description here

German Michael Zülsdorff Replied 3 years ago
  1. Account settings to the left: NO
    I'm trying to strictly separate content from settings. Aside from that we must have longer user names in mind floating to the next line
  2. paginator color: FIXED
  3. paginator centering: NO
    Paginators are always centered inside the column they belong to. (we may have another paginator in the right column, too.)
  4. Footer to the left: NO
  5. Log in without reloading page: YES Sir.

Fixes are included with 1.4


Developer: Michael
License GPL v2
Type: Themes
Requires Ossn Version : 6.2
Latest Version:
Last Updated
Repository Url View Repository