Prime Community Forum

Posted: **14 Aug 2018, 17:42**

Hello~
I bought a theme Poseidon
I want to edit the theme.css

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......

Posted: **15 Aug 2018, 08:17**

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,

Posted: **15 Aug 2018, 08:38**

Also, please check your css on inspector.

Prime Community Forum

Edit CSS not work

Edit CSS not work

Re: Edit CSS not work

Re: Edit CSS not work