color, font, in header info next to the phone

Hello,
want to make changes with the following code, but nothing is happening.
what I am doing wrong?

http://www.veggi-portal.de


.header-info p {
font-family: arial;
}

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.header .header-info p{
color: red;
font-family: symbol;
font-size: 18px;
line-height: 30px;
}

In place of "red" you can put your color or color code and font
In place of "symbol" you can put your font.
You can adjust the value of "font-size" and "line-height" as per your requirement.

 

I tried this - somehow it does not work....
The color changes, but not the font an the size....

may you can check on my site why?

http://www.veggi-portal.de

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header-info p {
font-family: arial!important;
font-size: 20px!important;
line-height: 30px!important;
}

This will solve your issue.