Page 1 of 1

Anyone good with css?

Posted: Mon Dec 31, 2012 1:02 am
by PiercingPirate
Ok, I have a Facebook widget on my shop and when the customer is not loogged onto their FB account, the widget works nicely. However, if they are logged onto the FB account, the widget goes all weird. I am pretty sure it has something to do with the css code of the widget, something with the positioning. I wonder if someone who's good with css could give me some help?
I use Chrome as main browser.

Thank you so much!


http://www.shop2.piercingpirate.com

Re: Anyone good with css?

Posted: Mon Dec 31, 2012 4:32 pm
by justcurious
If you're using Chrome, right click on the element that looks wrong and select 'Inspect element'.

As you move your mouse over the code in the bottom panel, it highlights the area on the page. When you click on a section of code in the bottom panel, it shows you the relevant css (and line number) on the right. Take the time to look at the other sections of the panel on the right - Metrics is really useful for spotting which elements are giving you large margins.

Look out for the little triangles at the beginning of the code lines - for example, a <div> ... </div> may actually take up lots of lines, but these are often condensed onto 1 line. Click the little triangle and it opens up.

There are loads of tutorials - just google ' Chrome inspect element tutorial'

I love Google Chrome!

Re: Anyone good with css?

Posted: Tue Jan 01, 2013 2:01 am
by haosmark
Looks like an issue with float property. It might be that logged in "like" doesn't have the same id or class.
I didn't look at the code, just guessing from your picture

Re: Anyone good with css?

Posted: Wed Jan 02, 2013 1:19 am
by PiercingPirate
I changed the float prop. on the css file and put 'right' but the issue remains. I took a look at the inspect element thing on chrome but i dont really know if there is something wrong or how to fix it. Any other tips?

Re: Anyone good with css?

Posted: Wed Jan 02, 2013 3:43 am
by haosmark
I didn't mean css file. I meant in HTML it probably doesn't assign correct id/class to that element.
I don't have FB so can't say for sure though.

You can change CSS values right in browser. Just right click on the broken one and look/play with it's values and it will adjust in real-time.

Re: Anyone good with css?

Posted: Wed Jan 02, 2013 4:24 am
by PiercingPirate
the problem is, I do not know what to change...