Page 1 of 1

Edit CSS not work

Posted: 14 Aug 2018, 17:42
by ch76730
Hello~
I bought a theme Poseidon
I want to edit the theme.css

Code: Select all

body .ui-tabs.ui-tabs-top .ui-tabs-nav li a, body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li a, body .ui-tabs.ui-tabs-left .ui-tabs-nav li a, body .ui-tabs.ui-tabs-right .ui-tabs-nav li a {
       padding: 8px 14px;
        color: #ffffff; }
 
Change to

Code: Select all

body .ui-tabs.ui-tabs-top .ui-tabs-nav li a, body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li a, body .ui-tabs.ui-tabs-left .ui-tabs-nav li a, body .ui-tabs.ui-tabs-right .ui-tabs-nav li a {
       padding: 8px 34px;
        color: #ffffff; }
 
then I clean build and restart server
but It's not work.....
I don't know why
Some one who can help me please.....
thanks......

Re: Edit CSS not work

Posted: 15 Aug 2018, 08:17
by w00f
Hi, You should change it via theme.scss file and use Sass compiler to get the css.

sass --update src/main/webapp/resources/ --sourcemap=none

is the command you should use. If you don't have Sass installed in your setup, you should install first https://sass-lang.com/install.

Best regards,

Re: Edit CSS not work

Posted: 15 Aug 2018, 08:38
by aragorn
Also, please check your css on inspector.