Jump to content


Photo
- - - - -

realigning icons bar


  • Please log in to reply
8 replies to this topic

#1 jenny20k

jenny20k

    Super Member

  • Members
  • PipPipPipPip
  • 100 posts

Posted 03 April 2011 - 05:08 PM

Hi I have added 2 buttons to my icons bar but would like to realign them so they are on one line. I can move the rss/twitter/facebook buttons but not the others. Any suggestions? www.creativecheshire.com Thanks!

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 03 April 2011 - 05:27 PM

The icons can be re-aligned using CSS. What coding did you use to realign the icons bar and add the two icons? Did you edit any file directly?

#3 jenny20k

jenny20k

    Super Member

  • Members
  • PipPipPipPip
  • 100 posts

Posted 03 April 2011 - 07:58 PM

Hi Catrina I updated the branding template php - as per the advice on this really long query of mine

Please Login or Register to see this Hidden Content

! I then updated the custom code with this; "div.icons { width: 500px; font-size: 10.5px; } a.facebooklink{margin-left:50px; font-size: 80%;} a.twitterlink{margin-left:40px; font-size: 80%;} a.rsslink{margin-left:60px; font-size: 80%; } .icons a { float: left;} .icons a span { padding-left:27px; }"

#4 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 03 April 2011 - 10:12 PM

You need to put classes on those new links so that you can target them with CSS, for example

Please Login or Register to see this Hidden Content



#5 jenny20k

jenny20k

    Super Member

  • Members
  • PipPipPipPip
  • 100 posts

Posted 03 April 2011 - 11:08 PM

"< a class = "homelink" href="<

Please Login or Register to see this Hidden Content

>"><span>HOME</span>" I changed it to this and now get the actual html showing up instead of HOME - where's the error? Thanks!

#6 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 03 April 2011 - 11:46 PM

The closing anchor tag:



#7 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 03 April 2011 - 11:47 PM

The closing anchor tag:

Please Login or Register to see this Hidden Content



#8 timlinson

timlinson

    Advocate

  • Members
  • PipPipPipPipPip
  • 1032 posts

Posted 04 April 2011 - 04:51 AM

also the href link has extra brackets:
`href="`<`http://www.creativecheshire.com`>`"`

btw the backtick (left of the "1" key in the top left on most keyboards) is what lets you embed code.

#9 jenny20k

jenny20k

    Super Member

  • Members
  • PipPipPipPip
  • 100 posts

Posted 04 April 2011 - 05:37 AM

Thanks - also I had to remove the space here... < a