How it works shortcode
Hi There,
How can I change the font colours and circle background colour for the "how it works" shortcode?
I want to use it as a Step by step guide so would like to have different background colours on different pages?
Thanks
Comments
Please send a link to your page. This will require custom css.
thanks
you can use this custom css to change each color:
.how_it_works .image {
background:red !important;
}
.how_it_works span.number {
background:blue !important;
color:white !important;
}
.how_it_works h4 {
color:red !important;
}
.how_it_works .desc {
color:red !important;
}
You can check what id the page has by inspecting it in your browser or when you edit the page, the ID is in the URL, like this: http://prntscr.com/f6m7gk
Then you need to add this class before each css argument in the code, for example:
.page-id-3500 .how_it_works .image {This will work on the page with this ID only.background:red !important;
}
.page-id-3500 .how_it_works span.number {
background:blue !important;
color:white !important;
}
.page-id-3500 .how_it_works h4 {
color:red !important;
}
.page-id-3500 .how_it_works .desc {
color:red !important;
}
Then go to custom css and use it like this: http://prntscr.com/f6mg4s
As you can see the custom class is added before the css I gave you. It will work only with the custom class you append to an element.
Send a link to this page.