-
AuthorPosts
-
February 19, 2014 at 2:54 pm #226190
Hi
I am trying to add a large telephone number – maybe with a telephone icon and maybe an email one too – but to the top of the page.
I’ve tried adding it under the header but they are too small.
I found some info online about adding the header file etc but the lines it tells me to find etc are not the same in my header file and I don’t want to mess it up.Something like this is what I am after: no the logo etc but in terms of putting our main contact details at the top
https://www.borri.co.uk/ups-maintenanceIve tried messing around with buttons and text boxes but its not right. Any ideas:
Here is the current page
http://www.generatorservicing.com/new/Many thanks!
February 20, 2014 at 8:02 pm #227016Hey!
Seems you already managed to add the phone number, you can increase it with this CSS:
.social_header .phone-info span { font-size: 24px; }And this one will swap position with the icons:
.noLightbox.social_bookmarks { float: right; } .sub_menu { left: 0; }Regards,
JosueSeptember 5, 2014 at 5:16 pm #314127HI I am sorry I missed this post – still working on it – where do I change the css? Which file is it?
ThanksSeptember 5, 2014 at 6:09 pm #314147Hey!
Enfold > General Styling > Quick CSS.
Regards,
JosueSeptember 5, 2014 at 6:28 pm #314152Hi Josue,
Yeah that’s what Ive tried and its copied in there but not making any difference to the size of the number…
Also doing a table and would like the small text to be easy to see – whereas on the colour table I have choose at present you cant see it
http://www.generatorservicing.com/new/?page_id=1176
Which items would effect the colour of these small words on the table – is the From £ etc.
Sorry for all the questions I am very new to css and wordpress so not a good combination for you am I :(
CHeers
September 6, 2014 at 4:49 am #314339Hey!
Use this for the phone info:
.phone-info span { font-size: 20px; }This is for the small text inside tables:
.pricing-table li.avia-pricing-row small, .pricing-table li.avia-pricing-row .currency-symbol { color: white; text-shadow: none; }Cheers!
IsmaelSeptember 8, 2014 at 2:09 pm #315045Yeah that’s done the trick – many thanks!
-
AuthorPosts
- The topic ‘Adding large contact telephone number and maybe a icon at top of page’ is closed to new replies.
