Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #1882955
custom CSS
Closed

Comments

  • Mirco started the conversation
    February 5, 2019 at 9:56am

    Hello,

    I was trying to change the process bar height. I attributed a class name to a specific progress bar (progress-bar-contract) and added the following code to the custom css field:

    .progress-bar-contract vc_progress_bar {height: 15px;}

    The bar doesn't change in is height, I guess the code should be different. Could you please help me in this matter? And could you please give me the general "override" css format that I should use for such changes?

    Thank you!

  •  7,280
    Oliver replied
    February 5, 2019 at 10:59am

    Hi,

    pls. give me link to the page where you need to change it.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   Mirco replied privately
  •  7,280
    Oliver replied
    February 5, 2019 at 11:17am

    HI!

    pls. use following css:

    .vc_progress_bar .vc_single_bar .vc_label {    
display: block;    
padding: 0;   
position: relative;    
z-index: 1;    
line-height: 20px;
}
    5110651633.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   Mirco replied privately
  •  7,280
    Oliver replied
    February 5, 2019 at 11:23am

    You can add custom css class to the column settings, so the css will be.

    .progress-bar-contract .vc_progress_bar .vc_single_bar .vc_label {    
display: block;    
padding: 0;   
position: relative;    
z-index: 1;    
line-height: 20px;
}

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   Mirco replied privately
  •  7,280
    Oliver replied
    February 5, 2019 at 11:36am

    Give me the wp-admin access

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   Mirco replied privately
  •  7,280
    Oliver replied
    February 5, 2019 at 12:50pm

    Don't see any problems:

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   Mirco replied privately
  •  7,280
    Oliver replied
    February 5, 2019 at 1:44pm

    Take a look:

    https://codex-themes.com/thegem/documentation/css

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Mirco replied
    February 6, 2019 at 5:40am

    Ok got it, thank you!

  •  7,280
    Oliver replied
    February 6, 2019 at 8:12am

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver