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

How do I design the letters in my site title in Wordpress?

by enterprisemind
6 replies
  • WEB DESIGN
    • |
Hi,

I have figured out things such as how to change the color or change the size. But, I want to change the gradient and outline the letters to give my title a more professional look. Can anyone help!?

Thanks


**the h1 and h2 differently
#design #letters #site #title #wordpress
  • Profile picture of the author bowolabs
    maybe this tutorial can help you hxxp://bowolabs.com/u/2
    its using css3 only
    {{ DiscussionBoard.errors[6172904].message }}
  • Profile picture of the author inazuman
    Try to make a sentence using photoshop, be creative in photoshop. save in jpg format, then upload that image. I hope this will help you
    {{ DiscussionBoard.errors[6172914].message }}
  • Profile picture of the author enterprisemind
    Thanks to both of you for responding. I will use both methods to try and design my header text.
    Signature
    Turn $25.00 Into $200+ Daily Starting Today
    Free Report Reveals $200+ Daily With OTP Programs
    {{ DiscussionBoard.errors[6634778].message }}
  • Profile picture of the author Robert Disuza
    Hey. You can use this tutorial as helping hand to know in detail report about designing the title in wordpress at codex.wordpress.org/FAQ_Layout_and_Design.
    {{ DiscussionBoard.errors[6635942].message }}
  • Profile picture of the author Collabo
    Easy way - Photoshop
    Mediocre way - CSS
    Complex way - cufon font replacement
    {{ DiscussionBoard.errors[6636041].message }}
  • Profile picture of the author TopicSpan
    Guys I'm going to have to disagree with pretty much every response in this thread. Collabo is the only one that has suggested a decent approach. More specifically, I would avoid Cufon and rather use Google Web Fonts as it tends to have faster load times and is easier for newbies. So let's say you wanted your h1 and h2 tags to be rendered in one of the fonts, for this example I'll use "Original Surfer".

    1. Declare the font for use in your HTML file by adding this line to the <head> section of your HTML:

    Code:
    <link href='http://fonts.googleapis.com/css?family=Original+Surfer' rel='stylesheet' type='text/css'>
    2. In the CSS for your site, use the font. For example, you can override the h1 font settings by adding this to your CSS:

    Code:
    h1 {font-family: 'Original Surfer', cursive;}
    Done!
    Signature
    Don't lose users!
    Grab our full-page UltraCache system that instantly speeds up any PHP website!
    {{ DiscussionBoard.errors[6636747].message }}

Trending Topics