Make some links have underline, remove post date,CSS validation

  • Resolved catwingz

    (@catwingz)


    10 years, 8 months ago

    Sorry about piling up my issues! It seemed simpler this way.
    1) We decided that the links that aren’t headers or part of the main navigation should have underlines. Since the default is for none all around I had to go looking for the best classes to accomplish this. So far the only way I have been able to add the underlines is to add 

    body a {
text-decoration:underline;
}

    The down side is that this means everything has the underline, definitely not what we have in mind. What classes do I need to target to gain more detailed control?

    2) I am also trying to remove the post dates. So far in an attempt to keep it simple I have tried 

    .entry-month,
.entry-date,
.entry-year {
	display:none;
}

    which had no effect. None of the other methods I have found in the forum appear to apply to this theme. Which files(s) need to be changed?

    3) Also, I tried validating the CSS and found that this theme throws all sorts of errors. I suspect this is coming from new standards not being fully embraced, but would like to hear the full story because we really like the theme.

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

  • For your first one, where specifically are you wanting the links to be underlined?

    As for your second one, if you want the date (and circle) to be removed, you can do this:

    .entry-date-box {
display: none;
}

    For your third one….validation is getting a lot more difficult nowadays due to new coding methods with HTML 5 and CSS 3, but getting a valid website will also depend on other elements such as WordPress itself, plugins, third party scripts, even the person’s own content. Without seeing what the errors are, it’s hard to determine if what is showing can be ignored or what needs attention.

    Just a quick follow up of the third point you listed…I put the demo site into the validator and of the 4 errors, one is for WordPress, the other 3 are duplicate ID’s which is not a major issue. This was due to the way this theme needs to function because when viewed in a mobile device, such as a phone, one menu and logo needs to be hidden and the other is activated. One possible way around this (which I will probably do in the next update) is change from ID’s to Classes because then this error will go away.

    Thread Starter catwingz

    (@catwingz)

    Regarding the first one, I don’t want the links in the main navigation or headers like the titles of blog posts to be underlined. We do want the links for contact (like the phone number in a sidebar widget) and those placed in the main body copy to be underlined. Actually, the other links in the blog content aren’t needed either. It’s just the ones that we need to have stand out because they are not where links are necessarily expected. Is that more clear?

    What might be better would be to circle back to my original approach of assigning a class. I switched strategies because I wasn’t able to craft one that was successful at overriding the defaults.

    Mission accomplish on #2. Thank you

    #3 is along the lines of what I expected and is reassuring. Thanks again.

    For the links, this one is going to be more of targeting the elements that you want underlined links. For example, for widgets with links, you can do something like:

    .widget a {
text-decoration: underline;
}

    That will put underlined links that exist in any widget. For the main content, this might be a bit trickier, but perhaps target links in paragraphs:

    p a {text-decoration: underline;}

    Basically you will need to find the elements or containers that you want underlined links and use css for it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Make some links have underline, remove post date,CSS validation’ is closed to new replies.