Moving "div class" to the right

I’m trying to move <div class=“name”>Mediocrity</div>, the word “mediocrity” in the Sydney FP: Skills widget appearing below ‘Services’ on my website (davidshkim.com).

Right now, the value 1% is overlapping with the word, and I would like to move the word to the right so that it shows aligned as “1% Mediocrity”. Is there any way I could do this? Thanks so much for your help as always.

Hello @david939,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

div#pgc-466-2-1 div.widget_sydney_skills div.roll-progress:nth-child(4) div.name {
    margin-left: 25px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman. I should have edit the question and I’m sorry to make you repeat the work, but could you please make me a new code that would make it appear “Mediocrity 1%”, rather than “1% Mediocrity”? Thanks again.

Hello @david939,

Please try this CSS code instead of previous:

div#pgc-466-2-1 div.widget_sydney_skills div.roll-progress:nth-child(4) div:nth-child(2) {
    margin-left: 70px;
}

Kind Regards, Roman.

Thanks!

You are welcome @david939! :slight_smile:

Kind Regards, Roman.