WordPress.org

Ready to get started?Download WordPress

Forums

How to make Headlines Links (7 posts)

  1. jankowitts
    Member
    Posted 10 months ago #

    I need help with making my headlines link's. It would be great to have my visitors be able to click right on the headline and be directed to the page rather then being forced to read the excerpt and click 'continue reading'.

    Eyesopenreport.com

    How can I make this happen with the headlines never changing color and looking exactly as they do now?

    Thanks!

  2. dejliglama
    Member
    Posted 10 months ago #

    Hi

    You need to put an <a tag around your title using the get-permalink as the href.:
    http://codex.wordpress.org/Function_Reference/get_permalink

    Then in Style.css you need something like:

    .headline-class a:hover,
    .headline-class a:focus {
    text-decoration:none;
    }

    Change the .headline-class into your own class ..

  3. jankowitts
    Member
    Posted 10 months ago #

    Hey,

    I really appreciate the response! I'm confused though. would it for example...looking something like this. my headline

    And also, adding that class to my .css did not stop the headline from turning into a blue hyperlink. I added what you suggested like this...

    h1 {
    Font-size: 3em;
    Margin: 0 auto;
    width: 956px;
    Letter-spacing: -0.1em;
    Text-shadow: 3px 3px 3px #cccccc;
    Border-bottom: none;
    }

    .headline-class a:hover,
    .headline-class a:focus {
    text-decoration:none;
    }

    .header small {
    Margin: 0 4ex; Float: left;

    Sorry to be a pain, but I'm new to all this.

    So happy for your help.

  4. JarretC
    Member
    Posted 10 months ago #

    If you can provide us with the code that is used to currently show the headlines we can give you a fixed version of it that should work.

    Make sure to use the code button above the message area when posting your block of code or copy/paste the block of code into pastebin.com and provide the link they give you

  5. jankowitts
    Member
    Posted 10 months ago #

    I'm pretty sure this is the code you asked for..

    }
    
    .article-layout { Width: 45em; }
    .sidebar-layout { Width: 15em; }
    .article-layout, .sidebar-layout { Float: right; }
    
    h2 {
    	Font-size: 1.5m;
    	Text-align: left;
    	Font-weight: normal;
    
    	Letter-spacing: -0.1em;
    	Text-shadow: 2px 2px 2px #cccccc;
    	Border-bottom: 2px solid black;
  6. jankowitts
    Member
    Posted 10 months ago #

    I'm pretty sure this is the code you asked for..

    }
    
    .article-layout { Width: 45em; }
    .sidebar-layout { Width: 15em; }
    .article-layout, .sidebar-layout { Float: right; }
    
    h2 {
    	Font-size: 1.5m;
    	Text-align: left;
    	Font-weight: normal;
    
    	Letter-spacing: -0.1em;
    	Text-shadow: 2px 2px 2px #cccccc;
    	Border-bottom: 2px solid black;
  7. dejliglama
    Member
    Posted 10 months ago #

    Did you put the link on the titles?

    The headline-class name that i wrote was just an example, and you need to put a class name on your Link, or on the h3-tag to target it with the css...

Reply

You must log in to post.

About this Topic