Font change extra header link

resolved (8 posts) (2 voices)

  1. forsterbuilder
    Member

    Hi,

    I have added additional header text through editor section .php, and the position, and changed the colour, but how do I change the font?
    Do I change the font in custom css? or change it in the style sheet?

    Please help

    Thanks in advance

    Posted 4 years ago #
  2. Elliott
    Support

    Hello forsterbuilder,

    Send us a link and paste the code your using here.

    Posted 4 years ago #
  3. forsterbuilder
    Member

    Hi Elliot,

    I am using this below line 31 on 'header.php'

    <div style = "position: absolute; top: 91px; left: 40px;">
    Complete Building & Decorating service
    </div>

    In custom CSS i am using

    .header_text { !important; font-family: "Verdana" !important; font-size: 18px !important; },

    1. I would like to use different fonts for the telephone number, which is placed in the extra header text
    2 I would like to use different fonts for the writing, which is placed below the header!

    http://www.forsterbuilder.co.uk

    Many thanks in advance,

    Kind regard

    Adam

    Posted 4 years ago #
  4. Elliott
    Support

    Remove the quotes from "Verdana", it doesn't need them.

    And for your text that your adding to the header.php file you can add a class to it like so,

    <div class = "yourclass" style = "position: absolute; top: 91px; left: 40px;">
    Complete Building & Decorating service
    </div>

    And then use CSS to style it,

    .yourclass { font-family: verdana !important; }

    Or just add the CSS into the style attribute like your currently doing.

    Posted 4 years ago #
  5. forsterbuilder
    Member

    Elliot,

    Thanks very much. This worked a treat.

    I have added the e-mail into the header too, can I insert a hyperlink, so that when you click on it, it opens up users default mail program?
    How would I insert something like that into the 'header.php'?

    Many thanks in advance,

    Adam

    Posted 4 years ago #
  6. Elliott
    Support

    You would do this,

    <a href = "mailto:you@address.com">Click me</a>

    Posted 4 years ago #
  7. forsterbuilder
    Member

    HELP,

    Elliot, thanks for your previous reply, I wanted to remove the telephone number from 'extra header text' and put into the .php for extra header text and accidentally deleted a line of code, and now my website is all funny

    Can you please help

    this is line 31 on 'header.php'

    <?php mysite_before_header();

    ?><div id="header">
    <div id="header_inner">

    <div style = "position: absolute; top: 90px; left: 600px;">
    Tel: 07958-629-272 / 07912-889-930

    <div style = "position: absolute; top: 90px; left: 42px;">
    Complete Building & Decorating service
    </div>

    <?php mysite_header();

    ?></div><!-- #header_inner -->
    </div><!-- #header -->

    <?php mysite_after_header();

    Posted 4 years ago #
  8. forsterbuilder
    Member

    Elliot,

    Sorry, found out a missing '</div>

    Thanks again,

    Adam

    Posted 4 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme