Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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-maintenance

    Ive 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!

    #227016

    Hey!

    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,
    Josue

    #314127

    HI I am sorry I missed this post – still working on it – where do I change the css? Which file is it?
    Thanks

    #314147

    Hey!

    Enfold > General Styling > Quick CSS.

    Regards,
    Josue

    #314152

    Hi 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

    #314339

    Hey!

    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!
    Ismael

    #315045

    Yeah that’s done the trick – many thanks!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adding large contact telephone number and maybe a icon at top of page’ is closed to new replies.