Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #12614

    I noticed that the new Flagship theme has a green email box similar to the ones in Angular.

    Is it possible to add this email one in Angular?



    Hi Bill,

    In order to do this, you would need to edit your header.php and add some CSS to your Quick CSS or custom.css. Here’s the steps:

    1) Open header.php and find this code

    echo ' <li class="rss"><a href="'.avia_get_option('feedburner',get_bloginfo('rss2_url')).'">RSS</a></li>';

    2) Add this code directly above the code in #1

    echo ' <li class="email"><a href="/your-contact-page-or-email-address-should-go-here">Contact</a></li>';

    3) Now open your custom.css or go to Angular > Theme Options > Styling > Quick CSS and add this

    .social_bookmarks .mail {
    background: url("../images/icons/icon-mail.png") no-repeat scroll center 0 transparent;

    .social_bookmarks .mail:hover {
    background-color: #9FAE37;
    background-position: center -42px;

    4) Finally, you’ll need to upload a transparent icon-mail.png to the /images/icons/ folder using FTP or upload the icon using Media Library > Add New and changing the url for the background above to match the location of the file.

    Hope this helps!




    Hi Mya,

    thanks for the instructions, but i think i do something wrong – can’t get it working.

    can you please have a look >

    or is it possible to use the Dribble field for the email instead? I don’t use Dribble so maybe that’s an option?




    Can you post a link to your website please – I’d like to investigate your email icon code first hand.



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘email box as in Flagship theme’ is closed to new replies.