Hi,
I would like to have different header color on every widget I have in my theme.
Plz check http://www.iserres.gr
i want the weather widjet to have purple line, same as the label, not blue which is the default of the theme
first i created a class on visual composer named “kairos” and then i save on custom css settings the code
.kairos {
position: relative;
font-family: ‘Roboto Condensed’, sans-serif;
border-bottom: 2px solid #8289C1;
}
.kairos span,
.kairos label {
/* label is for jetpack */
background-color: #8289C1;
border-bottom: 2px solid #8289C1;
}
i figure that the border-bottom line wich is purple is shown at the end of the widget and not at the end of the label
so the line is still blue
any suggestions how to fix this??
Basically i want every widjet to have its unique color (label and line) and i try to find a formula
thanks in advance
Hi,
Some widgets have this option in their settings panel – http://screencast.com/t/H2lOkUoUF
For the rest you have to create use custom css, ex: – http://screencast.com/t/WXtkptxF0Ttp
.Weather-Widget-3 .block-title{
border-bottom: 2px solid #8289C1;
}
.Weather-Widget-3 .block-title span {
background-color: #8289C1;
}
Use browser inspector to find out what classes are used on each element – http://screencast.com/t/dsi005iFai
Thank you, Emil G.
