Jump to content

Archived

This topic is now archived and is closed to further replies.

rijans

Assign link with an icon font

Recommended Posts

rijans    5
rijans

Ho do I assign a link with an icon font? May be I'm wrong with the following code

<div style="font-size: 24px;">
      <i class="icon-coffee" ></i> <a href="http://www.techgainer.com"></a>
</div>

 


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

If you want to give anything a link, your code has to be wrapped between the <a> </a> tags.

For example:

 

<a href="#"><i class="icon-coffee" ></i></a>

 

Explanation:

 

<a href="#">     <!--Start of link-->

<i class="icon-coffee" ></i>     <!--Icon Start/end-->

</a>     <!--End of link-->

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rijans    5
rijans

Code: 

<a href="http://www.techgainer.com"><img src="http://cdn.techgainer.com/2014/03/22951.png" alt="TechGainer Home" style="float:left width="229" height="51"> </a>

SIte:Techgainer.com   (The code is not live on the site right now. )


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Not sure what you mean by that code, I don't see any icon font in your code ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rijans    5
rijans

Sorry I'm supposed to post it on another thread! Mistake. Can you make my post down?


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
rijans    5
rijans

Danny

Yes its working! But icons coming vertically! > http://screencast.com/t/9eMiG1wrlg

 

But I want them horizontally....is the <i> tag guilty?

Here's my code >

<div style="font-size: 24px;">
<a href="http://facebook.com/techgainer"><i class="icon-facebook" ></i></a>
<a href="http://twitter.com/techgainer"><i class="icon-twitter" ></i></a>
<a href="http://plus.google.com/+techgainer"><i class="icon-google-plus" ></i></a>
</div>

Site: techgainer.com


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
rijans    5
rijans

Fixed that problem!


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
James B    436
James B

Glad you managed to resolve, thank you for updating the thread.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • Barnaby Skinner
      By Barnaby Skinner+
      Hey all, hope I worded the topic correctly!
      I just need to know if either 1) I'm making a mistake or 2) this could be set as a new feature?
      Using the global settings typography parameters, I have a global paragraph font type (set using googlefonts) and have set the style to align:justify. When laying out <p> text inside a simple TEXT module, the <p> text adheres to both the font type and justification. Perfect.
      Now, when I set <p> text inside the PARAGRAPH TEXT field within an ELEMENT module, the <p> text adheres to the font type, but not the justification. It's rather annoying as I like to fully justify para text across the board and tend to use Element modules instead of text boxes for various reasons. It also seems silly that some PARAGRAPH TEXT fields adopt global settings, whilst other don't.
      Or I'm doing it wrong :S
      Any help or advice is much appreciated!
      Cheers
    • jagipson
      By jagipson+
      Should be a simple answer but not sure why its not doing this.  I have a child theme installed on pagelines 5 that has a hook so it will write over the theme css. Strange is that when I am on the frontend the code works but in the dashboard your theme takes over my code and its no where to be found. See examples attachments
      @Andrew @Danny


    • John Olsson
      By John Olsson+
      Hello,
      I wondering (and custumers) when does Font Awesome 4.7 comes with an update of Pagelines?
    • Queue-it
      By Queue-it+
      Hi,
      I have the primary font family set to Arial. If I add another font (Open Sans), how do I change it only on a specific page? 
      I want to have Open sans only on one of my landing pages, but by default it will fetch Arial. Is there a way to change it without a plugin?
       

    • Skip
      By Skip+
      Hello
      I'm having problems with the Font not appearing correctly on a website.
      I've adjusted the font correctly with DMS (see screen shot) and saved it repeatedly yet it does not adjust the font in the website (see screen shot).  Would you please let me know what is wrong and should be done?
      (Please note that I've cleared the cache in the browser and whatnot as far as basic things I do know about browsers and issues with DMS from the past.  Hope this helps in troubleshooting...)
      Thank you.
      Skip


×