WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Change Link Color in Delicacy Theme (7 posts)

  1. loriverni
    Member
    Posted 2 years ago #

    I'm using the Delicacy Theme for my site, http://www.LoriTheAuthor.com. I'd like to change it so that the links in my posts are red (color #921824) instead of yellow/gold. I've spent hours and hours searching the style sheet and this forum, but can't find where to change the link color in this particular theme.

    (I don't want to change the whole site to the "red option," offered as a choice by the theme, as it also changes the ribbon and other elements to red.)

    Thanks in advance for any help!

  2. Ziv
    Member
    Posted 2 years ago #

    Replace this following batch of code (line 107 in style.css):

    .entry-content {line-height: 1.6em; font-size:15px;}
    .entry-content p {margin: 1em 0;}
    .one-post h1,.one-post h2, .one-post h3, .one-post h4, .one-post h5, .one-post h6 {margin: 1em 0; clear: both;}
    .entry-content h1 {font-size: 22px;}
    .entry-content h2 {font-size: 22px;}
    .entry-content h3 {font-size: 18px;}
    .entry-content h4 {font-size: 16px;}
    .entry-content h5 {font-size: 16px;}
    .entry-content h6 {font-size: 16px;}
    .entry-content blockquote {padding: 0 0 0 25px; font-style: italic;}
    .entry-content li, .one-post dd, .one-post dt {line-height: 1.5em;}
    .entry-content img {padding: 3px; border: 1px solid #DCDCDC; max-width: 98%;}
    .entry-content table { border: none; width: 100%; text-align: left;}
    .entry-content table th {font-weight: bold; border-bottom: 1px solid #DCDCDC; text-align: left;}
    .entry-content table tr {border-bottom: 1px dotted #DCDCDC;}
    .entry-content table td {padding: 5px 0;}

    With this one

    .entry-content {line-height: 1.6em; font-size:15px;}
    .entry-content a {color:#921824}
    .entry-content p {margin: 1em 0;}
    .one-post h1,.one-post h2, .one-post h3, .one-post h4, .one-post h5, .one-post h6 {margin: 1em 0; clear: both;}
    .entry-content h1 {font-size: 22px;}
    .entry-content h2 {font-size: 22px;}
    .entry-content h3 {font-size: 18px;}
    .entry-content h4 {font-size: 16px;}
    .entry-content h5 {font-size: 16px;}
    .entry-content h6 {font-size: 16px;}
    .entry-content blockquote {padding: 0 0 0 25px; font-style: italic;}
    .entry-content li, .one-post dd, .one-post dt {line-height: 1.5em;}
    .entry-content img {padding: 3px; border: 1px solid #DCDCDC; max-width: 98%;}
    .entry-content table { border: none; width: 100%; text-align: left;}
    .entry-content table th {font-weight: bold; border-bottom: 1px solid #DCDCDC; text-align: left;}
    .entry-content table tr {border-bottom: 1px dotted #DCDCDC;}
    .entry-content table td {padding: 5px 0;}

    Instead of editing the entire theme's link color, I only edited the color of links that are inside a div with a class of entry-content (your posts).

  3. loriverni
    Member
    Posted 2 years ago #

    Thank you so very much for the help... it worked great for the links throughout the posts, as you said.

    I was hoping to get rid of all the yellow "linky things" throughout the site (Like where you click "All Articles" and the titles of all the articles are still yellow.) If you have time for an additional reply, that would be fantastic.

    But I'm still happy that at least the links inside the posts are fixed. Thanks so much for taking the time to help out!

  4. Ziv
    Member
    Posted 2 years ago #

    This one would involve some php. I first need to ask you a few questions before I can tell you what to do. Is the "all articles" page created by using a page template, a category, or something else? I need to know how it's created so I can tell you which file you need to go into and edit.

  5. loriverni
    Member
    Posted 2 years ago #

    The "all articles" page is the "blogroll" that automatically came with the template... when I imported all of my articles from my former blog, they automatically went there. When I write a new post, it also goes there. (I believe on most blogs this is the home page, but I have a static page as my home page instead.)

    Thanks!

  6. Ziv
    Member
    Posted 2 years ago #

    Go to your index.php file and look for a line that says something like
    <div class="post-list">
    <h2>Some more php code goes here</h2>
    <div class="entry-meta">
    <div class="entry-content">

    I know this is probably not what it looks like, but it should be close.
    After the <h2> tag, there is an tag. Add class="customlinkcolor" before the href part of the tag, and after the "a" part of the tag.

    Then go to your style.css file and add the following code to it.

    .customlinkcolor {
    color: #921824;
    }

    This should fix it. Let me know if you were able to find everything.

  7. loriverni
    Member
    Posted 2 years ago #

    Thanks so much for your reply. This is a bit too advanced for me, but I will save the notes in case I feel ready to tackle this in the future. Meanwhile, I'm still happy I got rid of most of the yellow links with your first help.

    Much appreciated!

Topic Closed

This topic has been closed to new replies.

About this Topic