changing link colors in twenty twelve

Can you post here the contents of your Child Theme style.css file?

The child theme stylesheet should only contain any changes you have made to the parent theme – so you won’t likely fine them there. The best way to find the code you need to copy to the child theme is by using a tool like Firebug – click on the element you want to change and the relevant CSS code is shown. Copy that to your child theme and make the change there.

Or posting a link to your site will enable someone to look at your site and give you more specific help.

according to whatever tutorial i used to create my child theme i ended up copying the entire style sheet in there, and then only making changes to what i needed to change. if there is nothing terribly wrong with that method i’d like to keep it that way.. seems simpler for me, a person with little knowledge of css.

on this topic, i just need to know where in the twentytwelve style sheet is the code for links… what does is say/look like? if i knew that i could simply search my style sheet for it and make the appropriate changes, yes?

(i appreciate the tip on firebug and may explore, but looks like it may take me another 3 hours to figure out how to use it and i’d like to avoid that!)

if there is nothing terribly wrong with that method i’d like to keep it that way.. seems simpler for me, a person with little knowledge of css.

You are not actually inheriting the theme’s functionality. What would happen if the theme updates? Would you copy the theme’s styles again, then check the difference and make sure you don’t overwrite your files? Unnecessary hassle.

i just need to know where in the twentytwelve style sheet is the code for links… what does is say/look like?

Why do you need to do it this way? The information is available the right way. The right way would involve a copy & paste of the code provided in the previous thread.

I don’t think you’ll receive much support doing things the wrong way.

ah, okay i understand why i wouldnt want the whole style sheet in there now.

i’m not trying to do things the wrong way, i simply often do not understand the fixes that are posted and have been doing my best to figure it out. the last fix that i accomplished was done because someone posted exactly where in the stylesheet the code needed to be changed, i was able to search for that snippet and change it.

if i am understanding correctly then, i should delete the contents of my child theme’s style sheet and only paste into it the code for specific things i want to change.

do i need to paste something special in between the snippets of code?

if i am understanding correctly then, i should delete the contents of my child theme’s style sheet and only paste into it the code for specific things i want to change.

Yep, that’s it.

You still need stuff like this;

/*
Theme Name:     Twenty Twelve Child
Theme URI:      https://example.com/                      /* optional */
Description:    Child theme for the Twenty Twelve theme  /* optional */
Author:         Your name here                           /* optional */
Author URI:     https://example.com/about/                /* optional */
Template:       twentytwelve
Version:        0.1.0                                    /* optional */
*/

@import url("../twentytwelve/style.css");

But your new styles would go under that.

do i need to paste something special in between the snippets of code?

I don’t think so. For example, the code recommended from the previous thread, try just pasting it in at the bottom of your stylesheet so you get this;

/*
Theme Name:     Twenty Twelve Child
Theme URI:      https://example.com/                      /* optional */
Description:    Child theme for the Twenty Twelve theme  /* optional */
Author:         Your name here                           /* optional */
Author URI:     https://example.com/about/                /* optional */
Template:       twentytwelve
Version:        0.1.0                                    /* optional */
*/

@import url("../twentytwelve/style.css");

a:link { color: deeppink; }
a:visited { color: deeppink; }
a:hover { color: deepskyblue; }

(formatted the code differently because it’s easier for me to read)

k so i am trying this out and now my site looks mangled. see it at https://www.journeyfromseed.com

here is what is in my child theme stylesheet currently:

/*
Theme Name:     Twenty Twelve Child
Theme URI:      https://journeyfromseed.com/
Description:    Child theme for the Twenty Twelve theme
Author:         lisa anne
Template:       twentytwelve
Version:        0.1.0
*/

.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;

that is the fix for hyphenation that i did last week. why is my site all crazy looking now?

Missing the @import line.

It also looks like you’re missing the end curly brace.

oooo boy i think i am getting it. thank you for bearing with me there!

thank you for bearing with me there!

Thank you for bearing with me ??
Did you resolve your original query?

basically. trying to figure out the right way to update the (child theme) stylesheet using filezilla. seem to be having a lag btwn my changing the code of the colors and it updating on the site. but seems like i am really close.

It’s a bit cheeky, but you can edit the file on the server through FileZilla.

I wouldn’t recommend it if it were any other file, but a Child Theme CSS file won’t break your site with a syntax error.

Right click your style.css file in the server and select ‘View/Edit’, then open it with your appropriate software.

FileZilla saves the file locally to your machine, then when you’re done, it uploads it to the server automatically. If not automatically, it will prompt you with a response whether to update it automatically.

Edit: You may then want to make sure you have the correct version on your own machine.