Help with Changing Text Color in the Layout I Made

caninesrock · September 2013

Hi. So I'm slowly but surely learning how to make layouts using a free html learning site. Anyway, I want to change all the text on my page to be red. I managed to figure out how to turn all my links red and how to make "Fine K9s" and the "Net Worth:x amount of vpc" info red,but I need help on how to turn the following things from their current black color(or green color in the case of the "Online Now!") into red as well: -At the very top of the page where it says "Wolf Song:Call of the Wild Kennels Owned by Jaromir" -"Online Now!" -The breed,gender,age, and market columns including the titles "Breed","Gender", "Age", "Market", as well as all the info underneath them. Thanks so much to anyone who can help me. Oh,and here's my kennel link with the layout on it: <a href="http://virtualpups.com/viewkennel.php?initial_record=10&sort_post=&sort_direction=DESC&kennel=503532"; target="_blank" class="bb-url">http://virtualpups.com/viewkennel.php?i ... nel=503532</a>

reina__ · September 2013

It looks to me that you haven't used proper CSS. Copy and paste this. I don't think you can change the color of online now. Not sure.

<style type="text/css" author="reina"> body { color: red; background-image:url('http://i44.tinypic.com/29fcn77.png'); background-repeat:repeat; } a { color: red; } a:hover { color: red; } a:visited { color: red; } a:hover { color: red; } </style>

caninesrock · September 2013

I used html,not css. When I tried to use css, it didn't work so I thought you couldn't use css on layouts on here or something?

Troglin · September 2013

You can use CSS on VP right now. In the future, the types of code you'll be able to use will be different though. You can find really good CSS tutorials online, and CSS is really easy to learn once you get the basics down. I recommend w3schools.com Oh, I do want to mention that, when working with any code, you need to make sure it's compatible in several browsers. Often times people only check the compatibility with one browser, and it may look drastically different on a different one. Also, you will want to avoid Internet Explorer (IE)-only or non-standardized code. It's a waste of time to learn those codes for it to only affect poorly handled browsers, such as IE. Typically you'd want to check your code in Google Chrome, Mozilla Firefox, and/or Safari. You could also use Opera and IE. Make sure that your code is checked in at least two browsers, if not more. The only thing with the code reina provided you is that "author="reina"" is not necessary. I understand why she added it in, but it is not an essential part of code and you shouldn't use it. It's not copyright infringement as that is a basic CSS set up. You'd have to remove it later on when you started adding your own style tags, so it's better to remove the excess part now rather than later. Yes, you can change the online now and other text. My younger brother went in years ago and helped me figure out why 'normal' CSS doesn't affect it. It's easy to add to the style sheet. Below is the code you need to adjust the color of online now/kennel name/everything else text. html { background: #000111; color: #000; } font { color: #000; } The portions in bold are to remain the exact same color, unless you want two different colors for the kennel name/online now text. You can alter the background portion to set a background image, repeated or no, etc. Again, once you look at some CSS tutorials, you'll get to understand what each bit of code means. Remember that all CSS code is to be contained within a style tag. <style type="text/css"> </style> Remember that all tags and styles must be contained, or else you will get non-functioning code. If you want help learning CSS or anything else, you can always message me. If I don't know it, two of my family members are professional programmers/designers/engineers and they'd know the answer.

Howdy, Stranger!

Help with Changing Text Color in the Layout I Made

Comments