WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [closed] change color to page title - twenty eleven (13 posts)

  1. kostisgrde
    Member
    Posted 1 year ago #

    hello, I am trying to change the color of title pages
    in my child theme of twenty eleven.
    I have read other topics about how to do this and read that I have to paste this code on my child's style.css:

    .singular .entry-title {
    	color: #00cf0c;
    	font-size: 36px;
    	font-weight: bold;
    	line-height: 48px;
    }

    I did that but it doesn't work!

    I will paste my entire style.css code so that maybe you can find out if something is wrong and doesn't allow me to change it!

  2. kostisgrde
    Member
    Posted 1 year ago #

    /*
    Theme Name: Custom
    Author: Me
    Template: twentyeleven
    */
    
    @import url("../twentyeleven/style.css");
    
    .entry-content p,
    .entry-summary p {
    	font-family: 'Aldrich', sans-serif;
    }
    
    .entry-title {
    	clear: both;
    	color: #00cf0c
    	font-size: 22px;
    	font-weight: bold;
    	line-height: 1.5em;
    	padding-bottom: .3em;
    	padding-top: 15px;
    	font-family: 'Aldrich', sans-serif;
    }
    .singular .entry-title {
    	color: #00cf0c;
    	font-size: 36px;
    	font-weight: bold;
    	line-height: 48px;
    }
    
    #page {
            margin-top: 399px;
            margin-right: auto;
    	margin-left: auto;
    	max-width: 860px;
    
    }
    
    #access ul {
    	font-size: 8.4px;
    	list-style: none;
    	margin: 0 0 0 -0.8125em;
    	padding-left: 0;
    }
    
    #access a {
    	font-family: 'Press Start 2P', cursive;
    	color: #eee;
    	display: block;
    	line-height: 3.333em;
    	padding: 0 1.2125em;
    	text-decoration: none;
    }
  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    What exactly doesn't work, which style?
    Is it this;

    color: #00cf0c;

    ?

  4. kostisgrde
    Member
    Posted 1 year ago #

    this one:

    .singular .entry-title {
    	color: #00cf0c;
    	font-size: 36px;
    	font-weight: bold;
    	line-height: 48px;
    }

    it's suppose to give me green color on the page title
    but the title remains on the default color.

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Open your webpage in Google Chrome.
    Right click on your page title.
    Select 'Inspect element'.
    Look on the right side of the new toolbar to find the CSS selectors you need to target.

  6. kostisgrde
    Member
    Posted 1 year ago #

    ok i did this with firebug and it points to this:

    .singular .entry-title {
      color:#FFFFFF;
    }

    i change the color on the firebug and it works but when i paste the code on my style.css it dose nothing! :/

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    You're not using specific enough selectors...
    http://snag.gy/B1uU4.jpg

  8. kostisgrde
    Member
    Posted 1 year ago #

  9. kostisgrde
    Member
    Posted 1 year ago #

    I just saw that the code that I need to edit it's not in style.css but in dark.css as you can see on the screenshot that I uploaded.
    it's location is wp-content/themes/twentyeleven/colors/dark.css
    now.. if I edit the code:

    .singular .entry-title {
      color:#FFFFFF;
    }

    in dark.css

    IT WORKS!!!

    but I want to edit it in my child theme not the twenty eleven.
    I tried copying the folder "colors" which contains the dark.css
    and paste it in my child theme, then edit the code and it did't work!
    I also tried to paste dark.css to my child without the folder "colors" again...didn't work. :/

    could someone please tell me what I need to do?

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

  11. kostisgrde
    Member
    Posted 1 year ago #

    THANK YOU SOOOOOO MUCH!!!!!! :')

  12. alstonge
    Member
    Posted 7 months ago #

    I am looking at the linked page above in this discussion, trying to figure out how to put title text color changes to dark.css to work in my child's theme -- Looked at the posted link above (also in this entry). It may be that I just am not experienced enough to sort out where on the page it is discussing how to do this... can anyone help. Have gone through many discussions trying to change my title font color which were not successful -- and was hopeful this will do the trick...

    Link

    thx

  13. esmi
    Forum Moderator
    Posted 7 months ago #

    @alstonge: If you require assistance then, as per the Forum Welcome, please post your own topic. This topic is 8 months old & resolved.

Topic Closed

This topic has been closed to new replies.

About this Topic