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

    Bill

    #76149

    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!

    Regards,

    Mya

    #76150

    Hi Mya,

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

    can you please have a look > http://cl.ly/GsLZ

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

    Bill

    #76151

    Hey!

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

    Regards,

    Peter

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

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