7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Problem with header tags in my CSS

by jt47000
6 replies
  • WEB DESIGN
    • |
Hi there,

I bought an ink wordpress theme and their css is totally unorganized.

I'm building a site for a client (JBeachHouse | Just another WordPress site) and I'm trying to change the larger titles which I believe are "h2" to a custom font.

I downloaded a plugin that allows me to designate custom fonts for tags or elements. When I designate "#menu li a" to "WillRobinson.tff" it makes the titles below the logo at the top change to my custom "WillRobinson" font.

I can't find the h2 tag or element anywhere and have been using firebug to try to find it but the css is so unorganized that I'm having no luck.

any thoughts?

Thanks guys, your are always a big help.

JT

ps... I've attached the .css file so you can see it.
#css #header #problem #tags
  • Profile picture of the author Patrick
    Originally Posted by jt47000 View Post

    Hi there,

    I bought an ink wordpress theme and their css is totally unorganized.

    I'm building a site for a client (JBeachHouse | Just another WordPress site) and I'm trying to change the larger titles which I believe are "h2" to a custom font.

    I downloaded a plugin that allows me to designate custom fonts for tags or elements. When I designate "#menu li a" to "WillRobinson.tff" it makes the titles below the logo at the top change to my custom "WillRobinson" font.

    I can't find the h2 tag or element anywhere and have been using firebug to try to find it but the css is so unorganized that I'm having no luck.

    any thoughts?

    Thanks guys, your are always a big help.

    JT

    ps... I've attached the .css file so you can see it.

    Well the reason is that coz you are inserting it to the wrong element

    "#menu li a" to "WillRobinson.tff" is for the menu items, not the title.

    Instead you should put "h2" to "WillRobinson.tff"
    Signature
    Freelance WordPress Developer | Free WordPress Themes | Free WordPress Plugins | Free WordPress Support
    {{ DiscussionBoard.errors[7558099].message }}
    • Profile picture of the author jt47000
      Well the reason is that coz you are inserting it to the wrong element

      "#menu li a" to "WillRobinson.tff" is for the menu items, not the title.

      Instead you should put "h2" to "WillRobinson.tff"
      The plugin allows for tons of tags to be individually changed to custom fonts. the "#menu li a" works as it should, I was using that as an example of one of my custom fonts working.

      When I got to the 2nd box that allows me to designate a font, I have inserted tons of "h2" related tags that just don't work including:

      #slides .caption h2
      #slides .caption h2 a
      #slides .caption h2 {
      #h2
      h2
      .h2
      .mceContentBody
      .home_text h1
      etc....

      and none of these work. Am I missing something?

      Thanks

      JT
      {{ DiscussionBoard.errors[7558254].message }}
  • Profile picture of the author Patrick
    That's why you should not use a plugin and just change the css code manually from the css files.

    Plugins give you more headache.

    Sorry I guess you should generate a font face and then attach it to the desired elements.
    Signature
    Freelance WordPress Developer | Free WordPress Themes | Free WordPress Plugins | Free WordPress Support
    {{ DiscussionBoard.errors[7558362].message }}
  • Profile picture of the author BillyW
    Did you get this figured out yet?
    Signature
    Qosso.com - Exceptional Branding At Affordable Prices
    {{ DiscussionBoard.errors[7558714].message }}
    • Profile picture of the author jt47000
      yes! Just did about 10 min ago. There was a line of code in the custom.js I had to delete. It works now, thanks!
      {{ DiscussionBoard.errors[7558969].message }}
  • Profile picture of the author JamesLennon
    It is because in the div slider you have a class set for each section ("4th annual seattle conference" I am guessing this is the h2 you are trying to change?)
    The class' are:
    <div class="caption conference">
    <div class="caption presentation">
    <div class="caption speaker">

    so you have to set the h2 for each of these class' or you could give them the same class and just do it once.
    you need to reference:
    #slides .caption conference h2 a
    to set the font.

    Hopefully I understood your problem right

    Let me know how you get on
    Signature
    {{ DiscussionBoard.errors[7558997].message }}

Trending Topics