Joomla Templates Club 406,261 posts

[ilhl Friend ilhlJoin date: June 2015Posts: 147Downloads:1Uploads:39 Thanks: 35 Thanked: 6 times in 1 posts]

#935737

i wanted to add the skill module to the blogger layout. as the blogger layout hat black color as background, i changed the colors of the charts in the module, but there is still a white border in the charts. is it possible to change that?
as alternative i was thinking about changing tha background only if this skill module to white (keeping the background of the rest of the site black). is tit possible to change the background color of only one module?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#935863

Hi
You can use module suffix and then apply the custom class via custom.css for this module .
This way you use different style for different module .
Beside it you can give the page url where u published the module , so i can check the give so exact changes to do this .

[ilhl Friend ilhlJoin date: June 2015Posts: 147Downloads:1Uploads:39 Thanks: 35 Thanked: 6 times in 1 posts]

#936188

This reply has been marked as private.

[ilhl Friend ilhlJoin date: June 2015Posts: 147Downloads:1Uploads:39 Thanks: 35 Thanked: 6 times in 1 posts]

#936189

by the way do you have any idea why the "Test Skills unter Feat" module (module with these charts) is aligned to center (i mean the alignment of the description above the charts)?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#936222

Hi
Go to /templates/ja_resume/css/themes/dark-triangular-yellow/template.css
Find this code

.title-style-1 .acm-title::before {
    border-radius: 85%;
    background: #ffcc00;
    bottom: -5px;
}

replace it with

.title-style-1 .acm-title::before {
    border-radius: 85%;
    background: transparent;
    bottom: -5px;
}

This will remove the bg yellow color and make it transparent .

1 user says Thank You to Pankaj Sharma for this useful post

1. ilhl

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#936230

Hi
And to make percentage bg color to white add below code in custom.css file

.acm-stats.style-2 .stats-list .ppc-percents {
    background: #ffffff!important;
}

[ilhl Friend ilhlJoin date: June 2015Posts: 147Downloads:1Uploads:39 Thanks: 35 Thanked: 6 times in 1 posts]

#936537

hmm..this one regarding the charts didn’t help.. will take a closer look tomorrow on that..

[ilhl Friend ilhlJoin date: June 2015Posts: 147Downloads:1Uploads:39 Thanks: 35 Thanked: 6 times in 1 posts]

#936541

no got it now what happened)) no, it was an misunderstanding) i didn’t want the charts to have white background.. because the background of the page is black, i wanted them to be black also.. but changing the color in the joomla backoffice only applied on the background of the charts, but left a thin white border.. i wanted to get this white border away or make it black..
or as alternative set the background color of the whole module (not only charts) on white, so this skill module would look like on the photographer page..

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#936570

Hi
To make them black just change the color code in above code to black , and u have black circles .

.acm-stats.style-2 .stats-list .ppc-percents {
    background: #000!important;
}

Remove older code and use this to make them black.

[ilhl Friend ilhlJoin date: June 2015Posts: 147Downloads:1Uploads:39 Thanks: 35 Thanked: 6 times in 1 posts]

#936855

no it’s only makes them black on the inside.. the white border is still there.. maybe it just can’t be changed..

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#936943

Hi
add below code in custom.css file

.acm-stats.style-2 .stats-list .progress-pie-chart {
    margin: 0 auto 24px;
    background-color: #000!important;
}

rest white color is for the pie chart to show the skills values .

[Author]

Posts