Okay
  Public Ticket #161446
The % indicator obscures the bar label, how can I put the bar label under the bar?
Closed

Comments

  • pauric started the conversation
    February 11, 2014 at 8:13pm
    A lot of my progress bars have a low % value and it's obscuring the label.
  •  1,077
    ThemeNectar replied
    February 13, 2014 at 2:32pm

    Hey!

    Add this into the custom css box in your theme options panel: 

    .nectar-progress-bar p {
   top: 40px!important;
   position: relative!important;
}

    Cheers :)

  • pauric replied
    February 13, 2014 at 7:15pm

    <p>That worked, thanks! &nbsp;Just an fyi, it didn&#39;t fix the underlying issue, now the labels are obscured by the % from the row below (o;</p><p>I have to apologise, I realise this is basic CSS but I&#39;d appreciated guidance on how to pad the bottom so that there&#39;s a bit more space between the progress bars. &nbsp;I&#39;ll start digging around but it&#39;s been a long while since I touched html/css</p><p>&nbsp;</p><p>cheers! /pauric</p><p>&nbsp;</p>

  •  1,077
    ThemeNectar replied
    February 15, 2014 at 2:25pm

    Hey again!

    Try adding this into the custom css box in your Salient options panel :)

    body .nectar-progress-bar {
    margin-bottom: 30px!important;
}