How to override the code in HTML?

Discussion in 'HTML & Website Design' started by boron, Apr 15, 2008.

  1. #1
    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?
     
    boron, Apr 15, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    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>
    
    Code (markup):
    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.
     
    Stomme poes, Apr 16, 2008 IP
  3. boron

    boron Well-Known Member

    Messages:
    1,072
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    140
    #3
    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?
     
    boron, Apr 16, 2008 IP
  4. ronakbhagdev

    ronakbhagdev Peon

    Messages:
    251
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #4
    which code do you want to edit?
     
    ronakbhagdev, Apr 16, 2008 IP
  5. boron

    boron Well-Known Member

    Messages:
    1,072
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    140
    #5
    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.
     
    boron, Apr 16, 2008 IP
  6. ronakbhagdev

    ronakbhagdev Peon

    Messages:
    251
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #6
    No, you have to only use above method. You cant do it automatically.

    To make automatic transformation you need to write code....
     
    ronakbhagdev, Apr 16, 2008 IP
  7. boron

    boron Well-Known Member

    Messages:
    1,072
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    140
    #7
    The code is written already. Now it has to be found and erased or changed.
     
    boron, Apr 16, 2008 IP
  8. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #8
    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.
     
    Stomme poes, Apr 17, 2008 IP
  9. boron

    boron Well-Known Member

    Messages:
    1,072
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    140
    #9
    Well, it's <em>. Do you have any idea, how the code looks?
     
    boron, Apr 18, 2008 IP
  10. Providence

    Providence Peon

    Messages:
    568
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Maybe it would be better if we could see the actual code. Help us help you :)
     
    Providence, Apr 18, 2008 IP
  11. backlinkpal

    backlinkpal Peon

    Messages:
    322
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #11
    When you post, there should be a "CODE" tab to view the HTML source
     
    backlinkpal, Apr 18, 2008 IP
  12. boron

    boron Well-Known Member

    Messages:
    1,072
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    140
    #12
    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.
     
    boron, Apr 18, 2008 IP
  13. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #13
    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).
     
    Stomme poes, Apr 21, 2008 IP