iDesign360 - giggle theme. Want to replace deffault logo, and edit style sheet

[hygron]

My buddy Skhilled invited me back over here, and I need some guidance.  I ahve been away from SMF for 2 years due to eyesight.  I am helping to build a forum and I don't know the newer CSS3 edits.

So I am building a site for a customer, and need to replace the stock logo with the company logo.

SMF 2.0.6
TP1.0
giggle theme by iDesign360
http://carolinahydro.com/ILGM_testsite/index.php

I would also like to change the blue category links to red, and the green text to (undecided) color.  Basically;  They want simple white, with red links, and black.  As far as I can tel.  Matches their blog.

Appreciate the help.  H

[Skhilled]

Welcome back, bro.

You should be able to replace the logo in the theme settings. If not, that particular logo is in /images/custom/logo.png. To find out what is where on a webpage or theme I suggest you download Web Developer addon for Firefox or Chrome. Press F12 and you'll be able to find out what is where and how to change colors, etc.

The blue category links are in index.css line 1394:

Code Select Expand

color: #4D90FE; Just change that to whatever shade of red you want.

For the green links: index.css line 5:

Code Select Expand

color: #039;

As always, make backups of the files you wish to edit first!

EDIT: and you might want to update the SMF to 2.0.7...

[hygron]

Hey Doc,

I d'loaded Website developer, but I could not figure out how to find line 1394. Or;  Even line 5.    I did "click" the CSS button and look through quite few lines.  What am I missing?

Perhaps I need a deeper layer of guidance...

[Skhilled]

Ok, go to Web Developer -> Inspector. whe nit comes up click the "Inspector" tab then hover any part of your webpage and you will see things change at te bottom of the screen telling you what it is on the left and the css codes along with the file and line number on the right.

The best thing is that you can change the code on the right side of the screen and see it happen live...right on the screen! It will not stay that way but will give you an idea of what you want to change and how you want to change it.

[hygron]

Can't find "Inspector" anywhere.  Went through  all the tabs on my Web Developer toolbar on Mozilla

So;  I don't know what you mean.  It seems simple, ,but I don't see it. 

Was hoping I could do these edits before the boss gets back in town.  thanks

[hygron]

On another note.  I remember when you could change the banner in the Admin,  but I saw nowhere to disable or replace the logo.png

I did try manually last week, by overwriting the logo.png with my image.  Do I need to do anything to image other than rename it?

[hygron]

Got the logo done.  thanks.  Why is there a logo.png images, and another one in images/custom?  FFRe:

Still trying to figure out this Web Developer MOd.  Cannot find anything named "Inspector"  Peace,H

[Skhilled]

Got the logo done.  thanks.  Why is there a logo.png images, and another one in images/custom?  FFRe:

I have no idea why they did that. I have never used that theme before.

Still trying to figure out this Web Developer MOd.  Cannot find anything named "Inspector"  Peace,H

Do you see this:





If so, after you click it you should see this:



See "Inspector" in blue?

[hygron]

Well I found it.  Problem was;  When I downloaded web Developer for Mozilla;  I did not realize it was in, and that you meant In, tools.  Thanks,

Looks like it might work well for a blind MOFO like me.  I will let you know.  Never had problems finding the code before I went blind.  Now;  It can be really tedious.

[Skhilled]

Well I found it.  Problem was;  When I downloaded web Developer for Mozilla;  I did not realize it was in, and that you meant In, tools.  Thanks,

Looks like it might work well for a blind MOFO like me.  I will let you know.  Never had problems finding the code before I went blind.  Now;  It can be really tedious.

Cool! You can also use Notepad++ to search for code in a file or in folders on your hard drive. Let's say you have SMF 2.0.7 extracted on your hard drive and need to find some code. You can do it using that.

[Skhilled]

Well I found it.  Problem was;  When I downloaded web Developer for Mozilla;  I did not realize it was in, and that you meant In, tools.  Thanks,

Looks like it might work well for a blind MOFO like me.  I will let you know.  Never had problems finding the code before I went blind.  Now;  It can be really tedious.

No problem. If you need more help let me know.

BTW, can you see the images I posted? If not, I need to find a new way to show you how to do things.

[hygron]

Of you are talking about, what I would call screenshots;  Yes;  2 of them.  In fact;  that is how I figured it out.  I saw "tools" above the window.

This is awesome;  You mentor php;  like I mentor growing... You give a man a fish...Or; You teach...

Thanks. I feel like I am going to master a few things that have bugged me for a while.

[Skhilled]

I know you have vision problems but was not sure if you could see the screenies or not. I prefer to use them cause even for people who do not speak English they can easily understand what I trying to show them. I'm no expert but many people have been willing to go out of their way to help me, so I do the same for others.

I also prefer to teach someone how to do something rather than do it for them. If you're gonig to have a website then there are a lot of things you must learn or get someone else to do it for you. But then you are at their mercy if you get them to do it.

[hygron]

I noticed in Web Developer;  There is an editCSS file.  I used this and saw the instant style changes on the page.  Will the edit remain if I don't change it back?  Again;  When using the WEB develpor.

[Skhilled]

Actually, it depends if you use Live Edit or not. If you do not use Live Edit any changes you make will NOT be saved. This gives you a lot of chances to make adjusts to see what you'd like.