Thu, 2014-05-01 22:49
Hello
My Web page here: http://www.bayingwolf.com/DimaWeb/password1.asp
should show the text 'Lost password?' as follows:
HTML: <div class="logo_text1"> <h3>Lost Password?</h3> </div> CSS: .logo_text1 h3 { font: normal 300% 'Jenna Sue',arial,sans-serif; color:#E2EFF8; text-align:center; }
but it is showing on the page as Times Roman in black and left-aligned. In other words, it is ignoring my style3.css file.
It was all fine until I introduced this background image in my style3.css page:
body { /*font-size: 62.5%;*/ /*font-family: Helvetica, sans-serif;*/ /*background: url(<a href="http://www.bayingwolf.com/DimaWeb/images/stripe.png" rel="nofollow">http://www.bayingwolf.com/DimaWeb/images/stripe.png</a>) repeat;*/ background: url(<a href="http://www.bayingwolf.com/DimaWeb/images/background.png" rel="nofollow">http://www.bayingwolf.com/DimaWeb/images/background.png</a>); }
I am bewildered as to what the relationship is between my CSS font properties and that background image!
How would I correct it, please?
Thank you.
Bluenose
Thu, 2014-05-01 23:06
#1
uhmm, well if I take a look
uhmm, well if I take a look at the page and see specifics about the "lost password" part it seems to be an H2 and not an H3.
Also, it is definately not ignoring your style3.css as this is creating the background as you specified.
Try this inside your css:
.logo_text h2 { font: normal 300% 'Jenna Sue',arial,sans-serif; color:#E2EFF8; text-align:center; }
As you can see, the class was not called logo_text1 inside your website but logo_text.
And I changed your H3 to an H2.
The text that is using H3 is "Please enter a valid Email address"
I attached an image to show you what it should look like.
| Attachment | Size |
|---|---|
| password.jpg | 323.38 KB |
Thu, 2014-05-01 23:55
#2
Hello helldog Many thanks for
Hello helldog
Many thanks for your reply.
In my Web page I have:
<div class="logo_text1"> <h3>Lost Password?</h3> </div>
and in my style-sheet:
.logo_text1 h3 { font: normal 300% 'Jenna Sue',arial,sans-serif; padding: 10px 0px 30px 0px; color:#E2EFF8; text-align:center; }
I have just uploaded the files again to the server and this time they have turned out as I was expecting originally (please see attached screenshot - looks better now, although the input field looks as if it is not centred??). I am using FileZilla as my FTP software and I can only assume that it didn't upload the files correctly when I tried previously.
Blue
| Attachment | Size |
|---|---|
| CSS_creator.jpg | 65.44 KB |
Fri, 2014-05-02 00:20
#3
You can solve this easily by
You can solve this easily by going to style3.css on line 48 you will find the following code:
#page-wrap { width: 480px; background: none repeat scroll 0% 0% transparent; padding: 20px 50px; margin: 20px auto; min-height: 220px; height: auto !important; }
Add the following line to it and everything will be centered and aligned nicely.
text-align: center;
Also about your last entry, so it seems you didn't upload your HTML file last time 
If you change classes and texts from H2 to H3 it would be good to upload all edited files
Else you can edit and keep uploading your css files without results
Cheers, Henk