WordPress.com Forums » Topic: change the pink hyperlink color in Bueno

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Fri, 15 Jul 2011 19:45:35 +0000

You are welcome.

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Fri, 15 Jul 2011 19:42:33 +0000

haha I'm getting confused but everyone else seems to like it so we'll leave it as is. So a million more times I give out a grateful thanks for all your help!

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Fri, 15 Jul 2011 18:04:06 +0000

It effectively adds whatever the margin value is to the width of the theme. As an example if the width of the content area is 900px and you add 300px of left margin so the logo does not get hidden, then the effective width of your site is 1200px (900 + 300). If someone on a 1024 wide monitor comes to your site, 276px of the right side of your site is going to be hidden and they will have to scroll to the right to see what is in your sidebar.

This is the problem with putting a logo into a background image and/or outside the main wrapper area.

If you want to do it, we can though.

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Fri, 15 Jul 2011 14:27:38 +0000

so you advise not the set a min. left margin because it'll make my sidebar invisible ?

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Fri, 15 Jul 2011 02:32:32 +0000

Some of the pink (in the post metadata under the post) can easily be changed here:

.post-meta li .body a:hover, .navigation a:hover {
color: #F3686D;
}

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Thu, 14 Jul 2011 23:25:31 +0000

The only way to do that is to set a minimum left margin for the main content, and that effectively makes your site wider by whatever you set as a margin and with Bueno being about the maximum width one wants for a theme, that would mean some or all of your sidebar would not be visible for your visitors.

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Thu, 14 Jul 2011 21:07:10 +0000

one technical question: is there a way to have the background stick to the foreground so when you min. or max. your computer screen the logo (for example) will never be covered? Do you get me? Have the design fit all computer screens no matter the size and have it on lock down?

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Thu, 14 Jul 2011 21:01:17 +0000

yea everything looks great! there are some minor pink showing like when you hover over a link, but I think it's okay. it was a great learning experience. Thank you very much.

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Thu, 14 Jul 2011 18:22:48 +0000

Ah, I see. The following will move the post body copy up. I just used 70px as a placeholder and you can change it as you see fit. I've targeted things a little as you will see below otherwise it will move the content up on regular pages (about) as well since they are all under the same selectors. Make sure and check all page types and such after adding the below to make sure I haven't missed something.

.blog .entry, .archive .entry, .single .entry {
margin-top: -70px;
}

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Thu, 14 Jul 2011 17:42:02 +0000

thats question was concerning the positioning. So I researched and learned about ( for example: {postition; relative; top: 15px; left: -10px; } ) So I know how to move stuff around, like I did for the date, now I need the code to move the body of text few px up. You know?

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Thu, 14 Jul 2011 17:32:51 +0000

Two borders defined for the nav. Current/hover and non-hover.

#pagenav a {
border-bottom: 4px solid #FBDDDF;
}

#pagenav li.current_page_item a, #pagenav li.current-menu-item a, #pagenav li a:hover {
    border-color: #F3686D;
}

On your last question, could you explain that a little more. I'm not sure what you are wanting.

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Thu, 14 Jul 2011 15:25:31 +0000

i lied not the last question. So column margin is controls if the column goes up and down, right? So what do I need to control the column to get left to right?

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Thu, 14 Jul 2011 14:41:09 +0000

You are awesome ! and the best! Everything is perfect except the pink line under 'about'. Is there a way to even eliminate it? And this will hopefully be the last question :p

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Thu, 14 Jul 2011 00:14:46 +0000

Never mind, I see what you are talking about. There is another one you need to change.

.widget h3 {
border-bottom: 1px solid #FFFFFF;
}

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Thu, 14 Jul 2011 00:12:47 +0000

@TT, it depends on whether there is a color scheme that has colors you like or not I guess. It could be that they are not quite what you want, and if you have the CSS upgrade, you don't have to settle for the defaults.

@mybheadsup, which "line" code are you talking about?

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Wed, 13 Jul 2011 20:32:56 +0000

mm the line code isn't working for me

timethief on "change the pink hyperlink color in Bueno"

timethief — Wed, 13 Jul 2011 20:24:11 +0000

@TSP
This is a sincere question. Why bother changing the color using CSS when one can choose another color scheme here > Theme Options

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Wed, 13 Jul 2011 20:23:12 +0000

NVM AWESOME

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Wed, 13 Jul 2011 20:22:42 +0000

and the circle pink date and month on the left side?

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Wed, 13 Jul 2011 20:20:29 +0000

In the CSS tab of custom design, delete all the informational text in the text area and copy and paste the code I have given into the CSS edit window. Then edit the color codes as desired.

And G'day TT!

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Wed, 13 Jul 2011 20:18:26 +0000

The post date circle is a PNG image with a transparent background and is here.

.post .date {
background: url("default/date.png") no-repeat scroll left top transparent;
}

It is a 70px x 70px image. You would make a new one, upload it to the media library, get the URL of it and then replace

default/date.png

with the full URL of your new image.

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Wed, 13 Jul 2011 20:18:16 +0000

thanks you @tsp, idk what to do with this knowledge

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Wed, 13 Jul 2011 20:17:38 +0000

and thank you @timethief i wish i knew that 4 hours ago

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Wed, 13 Jul 2011 20:15:29 +0000

Here are the lines.

.widget ul li a:link, .widget ul li a:visited {
border-bottom: 1px solid #FBDDDF;
}

And in anticpation, here is the pink widget area at the bottom.

#extended-footer {
background-color: #FBDDDF;
}

And the search box button.

input.submit {
background-color: #F3686D;
}

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Wed, 13 Jul 2011 20:12:01 +0000

GREAT @TSP, how about these pink lines I have under my widgets. How to I change that?

timethief on "change the pink hyperlink color in Bueno"

timethief — Wed, 13 Jul 2011 20:05:12 +0000

@TSP
G'morning :)

thesacredpath on "change the pink hyperlink color in Bueno"

thesacredpath — Wed, 13 Jul 2011 20:03:49 +0000

It would be here. Just change the hex color code to your desired color.

a:link, a:visited {
color: #F3686D;
}

timethief on "change the pink hyperlink color in Bueno"

timethief — Wed, 13 Jul 2011 20:03:18 +0000

Does this help ? http://en.forums.wordpress.com/tags/change-font-color
Also note this > When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info:
http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

mybheadsup on "change the pink hyperlink color in Bueno"

mybheadsup — Wed, 13 Jul 2011 19:57:42 +0000

I am a newbie! Which line and under which catagory to I change the color of the hyperlinks? And frankly, what do I write?