Increase phone number size in top right and add address

Hi there, wanting phone number to be bigger and maybe change colour.
Below I would like to add either the email address or physical addresss.
http://www.mitchellwebdesign.co.nz/wordpress
Kind thanks

 

Go to

Appearance > Theme Option > General Settings > Top Right Contact Details

and add code given below

Code:

<b>Enter your contact detail here</b><br><br>Enter your email address or physical address here

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

Code:

.header .contactinfo span.calldetails b {
color: red;
}

 

Is there a way to make the font smaller?

 

Please explain your problem with the help of screenshot, where you want to change the size of font and also share the link of your website, so that we can give you the exact solution.

 

The site is currently under construction at the moment but please see screen shot. I want to make the phone icon and phone number smaller. Please advise.

 

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

Code:

.header .contactinfo span.calldetails {
font-size: 13px;
}
.header .contactinfo img {
width: 4%;
}

 

Can someone please answer the original question of how to increase the phone number size as I have lost this customisation through the latest updat.

 

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

Code:

.call-us {
font-size: 20px;
}

 

Hi Gourav
Thanks for the help but the number is not aligning to the right.
Can you help me get the number to align correctly because I have not added any code to align it.
http://brightonsmiles.net

 

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

Code:

.call-us {
text-align: right;
}

 

Fantastic Gourav.

Thanks