Wordpress - getting text styles to work

Discussion in 'HTML & Website Design' started by jj1, Jul 27, 2010.

  1. #1
    On my first Wordpress web design, I have two questions regarding text styles

    1 A REALLY BASIC question I know - how do I get the content paragraph to change colour from black to blue? I've added the following code to the bottom of the style.css sheet (to make sure it doesn't get overwritten):
    In Expression - which I've used up til now - this would make the paragraph display a dark blue colour.

    In Wordpress, this doesn't work - when I use the Format drop down menu in the visual editor to select paragraph it has no impact; when I go to html screen and hard code in <p>text</p>, it has no impact - and the <p> ... </p> gets automatically stripped away next time I go to the html editor.

    2 When I create an additional text style in the style.css sheet:
    how do I get this style to appear in the drop-down Format text style options when the user edits a page?

    Many thanks to anyone who answers - Wordpress seems pretty powerful, but there's a learning curve as with everything.
     
    jj1, Jul 27, 2010 IP
  2. RevenueHook.com

    RevenueHook.com Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    View the source of your published page to verify that the paragraphs are in-fact wrapped in a "p" tag. Most themes usually wrap the entire content section in some sort of containing div, such as "<div class=the_content...".
     
    RevenueHook.com, Jul 27, 2010 IP
  3. Thorlax402

    Thorlax402 Member

    Messages:
    194
    Likes Received:
    2
    Best Answers:
    5
    Trophy Points:
    40
    #3
    I'd agree with RevenueHook. Either that or the paragraph has a specified class (ex. <p class="something"></p>). On a side note, simply adding the class .blue{} to your stylesheet wouldn't have any effect unless you referenced it in your code. Also, if adding <p>test</p> to your code has not effect, then there is something wrong with your saving from whatever editor you are using.
     
    Thorlax402, Jul 27, 2010 IP
  4. jj1

    jj1 Active Member

    Messages:
    892
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #4
    RevenueHook.com -
    Thanks for this. Yes - they are.


    Yes, I've got a id=content in my index.php file, but I can't see any reference to p styling in this:
    and in my style.css file I've changed the colour of the p whereever I can think of: content is defined:
    and p is defined:
     
    jj1, Jul 28, 2010 IP
  5. sykes

    sykes Peon

    Messages:
    33
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You have to add the styles where they are used I imagine that they will be in 'middle content' p tags you cant just add bits and expect them to work because there already somewhere else. Get this tool for firefox I find it a huge help http://getfirebug.com/ > right click > inspect element anywhere on a site it will show you the code and the part of the css file you need to edit.
     
    sykes, Jul 29, 2010 IP
  6. jj1

    jj1 Active Member

    Messages:
    892
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #6
    Many thanks Sykes - will try this.
     
    jj1, Aug 2, 2010 IP
  7. submitmaster

    submitmaster Well-Known Member

    Messages:
    329
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #7
    you can download free themes that has it all built in, you just edit the front end, much faster and easier to get around issues like this :)
     
    submitmaster, Aug 2, 2010 IP