2 replies [Last post]
atantou
atantou's picture
Offline
newbie
grwrg
Last seen: 5 years 35 weeks ago
grwrg
Timezone: GMT+2
Joined: 2014-11-27
Posts: 2
Points: 3

Hi,
can you please tell me what code to insert in css in order to change the headers background color of the weather widget. I want the backgound color of the word “Καιρός” to be green . here is the link http://atantou.com/
thank you

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 6 hours 4 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

Try this

.block-title a, .block-title span, .block-title label {
  background-color: #008000;
  color: #FFFFFF;
  font-family: "Roboto Condensed",sans-serif;
  padding: 3px 10px;
  z-index: 1;
}

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

atantou
atantou's picture
Offline
newbie
grwrg
Last seen: 5 years 35 weeks ago
grwrg
Timezone: GMT+2
Joined: 2014-11-27
Posts: 2
Points: 3

thank you for your replyplz

thank you for your reply
plz check this site http://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 create 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