Hey guy's, I went into my stylesheet to replace a header image, and also make a minor adjustment to some other things that I thought wouldn't really mess up my site. Now everything seems to have lost it's place and is floating everywhere on my screen. Anyone good at CSS, or HTML5 , please help! I have the files saved and will host in a little while and provide a link so that you can see. Thanks - Matt.

http://teampbpc.com/new/index

Hi Matt,

Do you have a before and after .css file that you can upload? Or, can you tell me where you made changes to the file (default.css).

Thanks,

Dave

I went back and re-coded the site's CSS, just copy / paste, but i'm looking to change the "Surfing Wave" logo in the CSS, can you help me with that? I'll upload it now..

Hi Matt,

You need to change the image referenced on line 264 of the css file. You then need to alter the positioning.

The site span is 960 pixels, so you need to take your image width and subtract it from this. Then divide the result by two. The answer to this equation is the value you enter "left:" in the #logoTxt rule. You also need to enter the "width:" and "height:" value to suit your new logo.

I've done this on the theme you're using and with my own logo. I've uploaded it to http://beans.coffeecup.com for you to see.

My #logoTxt rule looks like this:


All you have to do is upload the new logo and the modified .css file. Then view your site and it should be perfect as long as you have set the parameters correctly and placed the image in the right folder etc.

No other changes are required as the .css file is applicable to all pages and the html markup requires no changes for the logo alteration you wish to make.

Dave

Ok got it, thank you very much for your help!! I appreciate it!! check it out now, http://www.teampbpc.com

Hey Matt,

Looking good

Seasons greetings.

Dave

Heya Dave, I hope you still have my CSS file , I'm actually trying to go through the code and find out where I can fit one more menu text to my website. I'm not very sure how to do this as I cannot read CSS as good as HTML. Can you point it out to me where I can fit another menu button please? Thanks Dave

Hi Matt,

There are several steps here, you must accommodate the new menu button in the css and then you must add it to the <li> list in each html page for your site.

In the css file, find the nav ul li rule and change the margin to 0px 0px 0px 0px.
Then in each html page you will see a list <li> after the </header> tag.
Here you can add your new menu button page and text.
Now, create the new page and note that the <li> tag for the NEW page must have the attribute class="selected" added to the href string. This is important.

I have revised the example site I used the other day for you to see what needs to be done. I have added a page called Test and a menu link for it, also called test!

You can see it working here: http://beans.coffeecup.com

NB: The content of the test page is just a copy of the services page.

Have fun

Hey Dave I have a troubling task for you yet again, my friend who has a modding program for Torchlight 2 was wondering if you could take a look at his page and make YouTube videos embeddable in the main frame or below the box, or just anywhere. He asked me for some help, but I dont know the difference, I just told him I may know of someone who can look at it. I attached his HTML can you take a look at it please? I think it's a WordPress site.. i'm not sure though.