• So I’m working on a WordPress class at my local community college and admittedly I have some basic understanding of HTML & CSS prior to this class, enough to be able to get into trouble when editing code not enough to code from scratch.

    MY PROBLEM is that while creating a child theme I’m unable to reach desired results with the child theme’s css. My goal is to get a:link to be color color: #c46c98; though with my CSS as shown below the links stay blue.

    Is it possible I’m not overwriting the css of the parent theme, even though I’ve overwritten the effects of .entry-title and h3 & h4, just not for the a:links?

    My Site
    http://williamleininger1.gatorclass.com/yarnstore/blog/

    Example Site to be End Result
    http://cas181.com/yarnstore5a/blog/

    /*
    
    Theme Name: Custom Theme for YarnStore site
    Description: This is a CHILD THEME using the Responsive theme.
    Author: William Leininger
    Template: responsive
    
    */
    
    @import url("../responsive/style.css");
    @import url(http://fonts.googleapis.com/css?family=Lily+Script+One);
    
    .entry-title, .entry-title a:link, .entry-title a:visited   {
         color: #c46c98;
         font-size: 24px;
         font-family: 'Lily Script One', cursive;	
    
    }
    
    .entry-title a:hover {
         text-decoration: underline;
    }
    
    a:link	  {
         color: #c46c98;
    }
    
    a:link {
       color:inherit;
    }
    
    h3	{
         font-size: 20px;
         line-height: 1.5em;
         font-weight: bold;
    }
    
    h4	{
         font-size: 14px;
    }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Child Theme & CSS Editing’ is closed to new replies.