Customize GeoNetwork CSS styles

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Customize GeoNetwork CSS styles

Andžej  Miloš
Hi,

I wondering is there a way to edit CSS styles for published metadata catalogue. What I want to do is to change elements colors, images, adjust layout a little bit etc.

Which files I have to edit to see changes? It doesn't seem changes done here C:\Tomcat\webapps\geonetwork\catalog\views\default\less affects the application.

Our metadata catalogue has default view and is published here: http://metadata.helcom.fi/geonetwork/srv/eng/catalog.search#/home




Andžej Miloš
GIS application developer
Tel.: +358 40 628 1869; Skype: helcom88
E-mail: [hidden email]<mailto:[hidden email]>
[cid:image001.png@01D07B81.0330C5B0]
Baltic Marine Environment Protection Commission
Katajanokanlaituri 6 B, FI-00160 Helsinki, Finland
www.helcom.fi<http://www.helcom.fi/>
[Facebook]<http://www.facebook.com/helcominfo>   [Twitter] <https://twitter.com/helcominfo>


------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdot
_______________________________________________
GeoNetwork-users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/geonetwork-users
GeoNetwork OpenSource is maintained at http://sourceforge.net/projects/geonetwork

image001.jpg (2K) Download Attachment
image002.png (1K) Download Attachment
image003.jpg (1024 bytes) Download Attachment
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Customize GeoNetwork CSS styles

Durkee
Hi Andzej

Did you figure out what files you needed to change? I'm also trying to figure out which ones to edit, I've tried Geonetwork.css and home.html as well as the .less files to no avail.
Thanks
Kevin
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Customize GeoNetwork CSS styles

Jose Garcia
Hi

To add custom styles and override the current ones, I think the file you
need to change is
https://github.com/geonetwork/core-geonetwork/blob/develop/web-ui/src/main/resources/catalog/views/default/less/gn_view.less
(at least according to the header of the file).

It's a less file that wro4j processes to create the related css.

Changes should be taken automatically (but maybe not in production mode).
You can clear the wro4j cache from
http:/SERVERgeonetwork/srv/eng/admin.console#/tools with the option *Clear
JS & CSS cache*.

Regards,
Jose García


On Wed, Jul 19, 2017 at 11:58 PM, Durkee <[hidden email]> wrote:

> Hi Andzej
>
> Did you figure out what files you needed to change? I'm also trying to
> figure out which ones to edit, I've tried Geonetwork.css and home.html as
> well as the .less files to no avail.
> Thanks
> Kevin
>
>
>
> --
> View this message in context: http://osgeo-org.1560.x6.
> nabble.com/Customize-GeoNetwork-CSS-styles-tp5324153p5328476.html
> Sent from the GeoNetwork users mailing list archive at Nabble.com.
>
> ------------------------------------------------------------
> ------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> _______________________________________________
> GeoNetwork-users mailing list
> [hidden email]
> https://lists.sourceforge.net/lists/listinfo/geonetwork-users
> GeoNetwork OpenSource is maintained at http://sourceforge.net/
> projects/geonetwork
>



--













*Vriendelijke groeten / Kind regards,Jose García
<http://www.geocat.net/>Veenderweg 136721 WD BennekomThe NetherlandsT: +31
(0)318 416664 <+31318416664> <https://www.facebook.com/geocatbv>
<https://twitter.com/geocat_bv>
<https://plus.google.com/u/1/+GeocatNetbv/posts>Please consider the
environment before printing this email.*
------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdot
_______________________________________________
GeoNetwork-users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/geonetwork-users
GeoNetwork OpenSource is maintained at http://sourceforge.net/projects/geonetwork
Loading...