WoW Gold - Song Lyrics - Mortgages - Agencia de viagens - American Flags
PDA

View Full Version : How to override the code in HTML?

boron
Apr 16th 2008, 12:25 am
Problem: Designer of a WP blog has set italic to only lower case. Even when the word is on the beginning of a sentece, if in italic, it will be lower case.

Upper Case. upper case. Anything: india, john...in lower case.

I'm a writer to this blog and I have access to HTML editor. Can I override the "italic only in lower case rule" somehow?
Stomme poes
Apr 16th 2008, 1:45 am
Inline CSS styling will override everything except a particular user's own stylesheet. So if the external (or even internal) CSS sheet says everything which is italic is also lowercase (probably "text-transform") then you could put in your html...

Are you using <i>? Bleh. But I'll assume you are, as you weren't clear what exactly triggers this lowercase.


<p><i style="text-transform: capitalize;">First</i><i>second word etc.</i>other stuff in the </p>

That "inline" styling will override the WP CSS. Capitalize will set the first letter of all words affected to capital. So, you'd only want to do it with your first word, otherwise everything in your <i> Will Be Capitalized Which You Don't Want.
boron
Apr 16th 2008, 6:52 am
It also works with <em>. So I edited the whole article manually.

Now, if I want to tell admin of the blog to change the original code, where he should look? In stylesheet css file? How would the code look?
ronakbhagdev
Apr 16th 2008, 7:42 am
which code do you want to edit?
boron
Apr 16th 2008, 7:47 am
which code do you want to edit?

The code which restricts all italic words to lower-case only. Above advice works in HTML, but it needs to be done for each word separately.
ronakbhagdev
Apr 16th 2008, 8:13 am
No, you have to only use above method. You cant do it automatically.

To make automatic transformation you need to write code....
boron
Apr 16th 2008, 8:57 am
No, you have to only use above method. You cant do it automatically.

To make automatic transformation you need to write code....

The code is written already. Now it has to be found and erased or changed.
Stomme poes
Apr 17th 2008, 6:46 am
Uh, they'd need to look in the CSS file. Though with blogs and templates, there's likely more than one CSS sheet, unfortunately. I also don't know which element they're targetting, is it <i> or <em>?

If they're willing to change it, fine, but otherwise you'll have to do what I said above to make your content override their CSS. Sounds like a pain in the ass. Good luck.
boron
Apr 18th 2008, 1:49 am
Well, it's <em>. Do you have any idea, how the code looks?
Providence
Apr 18th 2008, 8:35 am
Maybe it would be better if we could see the actual code. Help us help you :)
backlinkpal
Apr 18th 2008, 9:03 am
When you post, there should be a "CODE" tab to view the HTML source
boron
Apr 18th 2008, 10:23 am
Providence and backlinkpal:

I don't know, what the code is, it's me who asks for the code. I'm only a writer to the blog, where the designer has set "all italic words to be only in lower case". I have no access to any file, only to HTML editor. As Stomme poes suggested above, I was able to solve this in the HTML, but I don't know (and also current admin of the blog doesn't), where has the designer put the code which works for entire blog.

I was able to capitalize italics one by one in this article about Staphylococcus aureus (http://www.healthhype.com/staphylococcus-aureus.html).
Stomme poes
Apr 21st 2008, 12:40 pm
Well, so that you know for future reference...

you go to the page in question (I clicked on your link). In your browser you usually go to View and the Page Source (the words are a little different from browser to browser). You can also get to this with right click.

There you'll see the HTML. Near the top, in the <head> section, you'll see a bunch of tags called <link>. I was not surprised to see like 15 of them on the page, but luckily for you there seemed to only be one css sheet (nice).
<link rel="stylesheet" href="http://www.healthhype.com/wp-content/themes/healthblog-CT/style.css" type="text/css" media="screen" />

They don't always have a full path like this one, but you just copy that URL and past it in another tab and you'll see the external CSS. You can also look at the HTML and see if they have any CSS between <style> tags...that's called internal CSS. CSS that's sitting inside an HTML tag like <table style="background-color: black;" is called inline CSS (what you had to do).