Firebug changed or something

37 views
Skip to first unread message

Element

unread,
Oct 16, 2011, 7:27:01 PM10/16/11
to Firebug
Well I have used this tool for many years and must say that I have
loved it.

Lately I have had an issue and I am so confused since my upgrade.

In the past it used to point straight the css style sheet and line#
that the code was on.

Now I get either garble or about#2.css. When I search for either in
my folders I see no css file named that.

Thank you so much for any help.

Element

unread,
Oct 17, 2011, 2:42:25 AM10/17/11
to Firebug
I have been a user and lover of firebug for some time now but
something changed and I am lost.

In the past when you used the tool and pointed at something that
involved css sheets it would point straight to the sheet and the line
of the script.

Recently I upgraded because I noticed that it no longer had the
firebug ico in the footer and I liked that feature.

After upgrading it never returned so I assumed it was eliminated so I
just selected it via tools.

Now instead of selecting the css is sheet it points me sheets that
look like this....

asfjsakvjiq3oifoi439803f3.css or about#2 css or other. When
searching for those sheets they don't exist so I have no idea which
sheet to change.

Any help will be so appreciated.

Sebo

unread,
Oct 17, 2011, 5:46:57 AM10/17/11
to fir...@googlegroups.com
First of all, which version of Firebug and Firefox do you use now? The current version of Firebug is 1.8.3.

The source links didn't change. Here's a test case:
  1. Open Firebug at https://getfirebug.com/tests/console/joes-original/test.html
  2. Switch to the HTML panel
  3. Inspect Just a link on the page
  4. Switch to the Style side panel
  5. Have a look at the link besides a.funLink
⇒ You'll see styles.css (line 9), which is the right file and line number

Please create a small test case for your problem, so we can reproduce it.

Sebastian

Element

unread,
Oct 27, 2011, 2:46:13 PM10/27/11
to Firebug
.I use a plug-in to remove COMMENTS but in their theme there is one
place that the plug-in does not work.

http://www.elio.me/index.php/archives/category/news-updates

I tried using firebug and can't figure out where this is hiding.

Also....

On the about page...

http://www.elio.me/index.php/about

I would like to remove the background block but ONLY on the about
page.

Any help would be amazing. I love this tool but I am a little
confused and I imagine its no fault to the tool just my lack of
knowledge and that php and html has changed since my last website
update.

Element

unread,
Oct 27, 2011, 3:05:54 PM10/27/11
to Firebug
BTW....when using the firebug it points to news-update #2 as the css
but no such css exists?

Sebo

unread,
Oct 27, 2011, 4:13:50 PM10/27/11
to fir...@googlegroups.com
You still didn't tell me, which version of Firebug you're using.


BTW....when using the firebug it points to news-update #2 as the css but no such css exists?
news-update is the HTML page. It contains three <style> tags, which define some CSS. You can see that inside the CSS Location Menu. They are listed as news-update, news-update #2 and news-update #3.


I use a plug-in to remove COMMENTS but in their theme there is one
place that the plug-in does not work.
Which plugin? Firefox plugin, Firebug plugin, PHP framework plugin?
 
http://www.elio.me/index.php/archives/category/news-updates

I tried using firebug and can't figure out where this is hiding.
Which thing?
 
Also....

On the about page...

http://www.elio.me/index.php/about

I would like to remove the background block but ONLY on the about
page.
Then you will have to change the PHP script, that makes up that page and e. g. surround the <img>, that holds the background image with an if(), that checks, whether $_SERVER["SCRIPT_NAME"] does not include the script name of your news-updates page.

Please note, that this is a PHP problem and you should better ask that questions in a PHP forum.

Sebastian

Element

unread,
Oct 27, 2011, 5:52:40 PM10/27/11
to Firebug

> You still didn't tell me, which version of Firebug you're using.

Sorry.....1.8.3

> BTW....when using the firebug it points to news-update #2 as the css but no> such css exists?
>
> news-update is the HTML page. It contains three <style> tags, which define
> some CSS.

I guess this is where I am confused. The files within the folder
show NO html pages.

You can see that inside the CSS Location Menu<http://getfirebug.com/
wiki/index.php/CSS_Panel#CSS_Location_Menu>.
> They are listed as news-update, news-update #2 and news-update #3.

I see that but when I open all the css pages within that theme. I
have removed everything I believe from a css standpoint conrtrolling
the comments within style.css but I think I still need to find where
"No Comments" is written.

It tells me this but I see no archives folder.

<a class="post_comments" href="http://www.elio.me/index.php/archives/
1812#comments">No comment</a>

> I use a plug-in to remove COMMENTS but in their theme there is one> place that the plug-in does not work.
>
> Which plugin? Firefox plugin, Firebug plugin, PHP framework plugin?

Sorry wordpress plug-in.

> >http://www.elio.me/index.php/archives/category/news-updates
>
> > I tried using firebug and can't figure out where this is hiding.
>
> Which thing?

The "no comment" text

> > Also....
>
> > On the about page...
>
> >http://www.elio.me/index.php/about
>
> > I would like to remove the background block but ONLY on the about
> > page.
>
> Then you will have to change the PHP script, that makes up that page and e.
> g. surround the <img>, that holds the background image with an if(), that
> checks, whether $_SERVER["SCRIPT_NAME"] does not include the script name of
> your *news-updates* page.
>
> Please note, that this is a PHP problem and you should better ask that
> questions in a PHP forum.

Ok....but how do I know which PHP page contains the script. That is
where I get confused. I will admit I am not a website designer but
over the years have been able to manage finding things and making the
changes I require. But for some reason this last transformation has
me really lost because it doesn't point me directly to the page the
script contains.

Thank you so much for all the help.

Sebo

unread,
Oct 28, 2011, 2:16:02 AM10/28/11
to fir...@googlegroups.com
> news-update is the HTML page. It contains three <style> tags, which define
> some CSS.

I guess this is where I am confused. The files within the folder
show NO html pages.
Well, it will probably be an PHP script or even several ones, that create the HTML output. But this is out of the scope of Firebug.
 
You can see that inside the CSS Location Menu<http://getfirebug.com/
wiki/index.php/CSS_Panel#CSS_Location_Menu
>.
> They are listed as news-update, news-update #2 and news-update #3.

I see that but when I open all the css pages within that theme.   I
have removed everything I believe from a css standpoint conrtrolling
the comments within style.css but I think I still need to find where
"No Comments" is written.
You mean you want to edit the style for the links saying "No comment", right?

If so:
1. Open Firebug on http://www.elio.me/index.php/archives/category/news-updates
2. Inspect one of the links saying "No comment"
3. Switch to the Style side panel
4. Hover the first rule's source link (news-updates #2)
=> It shows you http://www.elio.me/index.php/archives/category/news-updates
=> So you know the style is defined directly inside the HTML output, not in a separate CSS file
Now that's where Firebug can't help you anymore:
5. Search for .post .metadata a in your PHP sources

=> There's the point where the CSS is defined
 
It tells me this but I see no archives folder.

<a class="post_comments" href="http://www.elio.me/index.php/archives/
1812#comments
">No comment</a>
Please note, that a URL doesn't always represent the file path on the server. For example they can use URL rewriting to hide the server files and or to make the URL more readable. Though in this case I guess (I am not familiar with WordPress code) index.php is called, which interprets the appended /archives/1812#comments and reads the contents from a database.
 
> I use a plug-in to remove COMMENTS but in their theme there is one> place that the plug-in does not work.
>
> Which plugin? Firefox plugin, Firebug plugin, PHP framework plugin?

Sorry wordpress plug-in.
So then you should ask in a WordPress forum.
 
> >http://www.elio.me/index.php/archives/category/news-updates
>
> > I tried using firebug and can't figure out where this is hiding.
>
> Which thing?

The "no comment" text
Again, Firebug can tell you where the "No comment" tags are located in your HTML output and it can tell you, that this output was generated by a call to http://www.elio.me/index.php/archives/category/news-updates. It can't tell you where this output is actually generated on the server.
 
> > Also....
>
> > On the about page...
>
> >http://www.elio.me/index.php/about
>
> > I would like to remove the background block but ONLY on the about
> > page.
>
> Then you will have to change the PHP script, that makes up that page and e.
> g. surround the <img>, that holds the background image with an if(), that
> checks, whether $_SERVER["SCRIPT_NAME"] does not include the script name of
> your *news-updates* page.
>
> Please note, that this is a PHP problem and you should better ask that
> questions in a PHP forum.

Ok....but how do I know which PHP page contains the script. That is
where I get confused. I will admit I am not a website designer but
over the years have been able to manage finding things and making the
changes I require. But for some reason this last transformation has
me really lost because it doesn't point me directly to the page the
script contains.
As explained above this is not possible with Firebug. You will have to search through the PHP code using an IDE like e. g. Eclipse.
 
Thank you so much for all the help.
I answered your questions as far as Firebug is related and also tried to give you a bit information beyond. But please note again, that what you're asking for is unrelated to Firebug. So if you still can't find the places you want to edit inside the PHP scripts, I really suggest you to ask the people behind that WordPress plugin you use or in the general WordPress forum.

Best regards,

Sebastian

Element

unread,
Oct 28, 2011, 3:30:42 AM10/28/11
to Firebug
Thank you so much.

You explained it perfectly to me. Now I understand why this was
confusing me so much.

Sebo

unread,
Oct 28, 2011, 5:01:33 AM10/28/11
to fir...@googlegroups.com
I'm happy I could help. :-)

Sebastian
Reply all
Reply to author
Forward
0 new messages