Jump to content


Photo
- - - - -

Bootstrap Icons - Messing up Site

Bootstrap

This topic has been archived. This means that you cannot reply to this topic.
9 replies to this topic

#1 theTimHunter

theTimHunter

    Advanced Member

  • Members
  • 53 posts

Posted 27 September 2012 - 05:06 PM

Hello,

I'm using some bootstrap code in a universal sidebar to arrange my header just how I want it. I'm trying to add the phone icon and number below the login area. I can easily add the phone number, but once I add the html for the icon everything on the page gets messed up. The page currently only has the phone number since it becomes illegible with the use of the icon.

Anyone else had this issue? Seems like a weird tiny thing to have such a drastic effect. Thanks in advance.

Please Login or Register to see this Hidden Content



#2 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 28 September 2012 - 03:31 AM

Hi there, can you paste in the code you're apply to the sidebar so we can take a look.

Are you wrapping the shortcodes in PL_raw tags?

#3 stelip

stelip

    Newbie

  • Members
  • 7 posts

Posted 28 September 2012 - 09:21 AM

Hi, I am currently having a problem with the bootstrap icons, so I though I would paste it here. (Latest version of page lines). I am trying to show the "right arrow" on a button, I am finding that its not showing very cleanly, it looks like there are two images being layered which are offset slightly. The "pagelines" icon looks ok though???
see

Please Login or Register to see this Hidden Content

Is there a problem with the font pagelines is using?

using the following code, (Have tried short codes as well)

Please Login or Register to see this Hidden Content


Best regards
steve

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17923 posts

Posted 28 September 2012 - 10:23 AM

@Steve - The new Font Awesome icons color is based on the font color, therefore there is no need to use icon-white from what I can see. View the code below as an example, it changes the color of the PageLines leaf to blue but doesn't touch the Monitor text, which remains white.

Please Login or Register to see this Hidden Content



#5 stelip

stelip

    Newbie

  • Members
  • 7 posts

Posted 28 September 2012 - 11:05 AM

Hi Danny,

If I just change the icon to "icon-arrow-right" in your example it messes up, do you see the same


steve

#6 stelip

stelip

    Newbie

  • Members
  • 7 posts

Posted 28 September 2012 - 11:56 AM

Hi Danny,

Sorted it, I needed to deactivate the "bootstrap Icons" plugin, as its now included with pagelines.

Looks like it dosn't work in IE9 though?

Best regards
Steve

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 17923 posts

Posted 28 September 2012 - 12:37 PM

What are you seeing in IE, can you take a screenshot please.

#8 stelip

stelip

    Newbie

  • Members
  • 7 posts

Posted 28 September 2012 - 01:31 PM

Hi Danny,

This is what I am seeing in IE9

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  9.88KB   8 downloads



Best regards
steve

#9 theTimHunter

theTimHunter

    Advanced Member

  • Members
  • 53 posts

Posted 28 September 2012 - 03:32 PM

Hi there, can you paste in the code you're apply to the sidebar so we can take a look.

Are you wrapping the shortcodes in PL_raw tags?


This post has been hijacked! I was not using the PL_raw tags but I also have the bootstrap plugin installed. Maybe if I just uninstall that?

Thanks

#10 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 05 October 2012 - 02:09 AM

Hi there, did you manage to get this working by removing the bootstrap icons? Let us if you require further help.