Jump to content


Photo
- - - - -

Formatting Hyperlinks

format hyperlink css customization

  • Please log in to reply
13 replies to this topic

#1 kdvorak

kdvorak

    Member

  • Members
  • 13 posts
  • LocationMinneapolis, MN

Posted 15 September 2012 - 08:54 PM

saturday greetings, everyone,

i finally abandoned my old stationpro template and upgraded to pagelines (dev…cuz i always overestimate my abilities!). it's possible there is some lingering code or formatting somewhere?

my problem is that the hyperlinks don't seem to be formatted the same in various locations, and i would like to have as much control over them as possible.

one problem was underlines. i do not personally like them. searching the forums i found this line of code:

a:link, a:active, a:hover, a:visited {text-decoration: none !important; border-bottom: 0px;}

that seemed to do the trick on the front page and in the posts. yay! thanks! i've turned it off for now but will turn it back on later.

however, the hyperlink colors and such don't seem to be working the same depending on where they're located. i will try to use the correct terminology, but i will probably still get it wrong. my apologies. here is my home page:

Please Login or Register to see this Hidden Content



at the top (banner? header?), vox sylvatici, while a link, is dark green, but hovering turns it a light green. ok. i can live with that. i even like the lighter green.

the post titles are green, but hovering doesn't turn them light green. it merely shows an underline (or not, if i use the above code). i'd like them to turn the same light green (or the same darker green of the links mentioned below).

i don't know why the byline text (?) under the titles is grey instead of white.

i don't know why the author name (Sylvaticus) is not the light green of a link (which i set using the color control in site options). hovering over "Sylvaticus* makes it white, not a darker shade of green like the other links (and from were did that darker green on hover come? i can't find a place to set it.), or the lighter green like "vox sylvatici" in the header/banner.

if i go in to a post the title is no longer a link (naturally). the byline is still grey. hovering over "Sylvaticus" still turns it white.

the links are green, like i want, and which i think i set in the color control found in site options. i now know how to remove the underline on hover, but no idea where the darker green shade is set. i'd prefer to make it the same lighter green of "vox sylvatici" on the home page's banner/header.

i guess the lighter and darker isn't so much the problem but where do i control them? i can't find anything in the dashboard or site options and i'm not sure where and how to use code to do it!

please tell me there is a stupidly simple place to make all these edits? i have no idea how to code it or where to place the code.

i have skype (XXXXXXXXXXXX) and AIM (XXXXXXXXXXX) accounts and i'm happy to call or chat (which is sometimes easier than writing the answers down). heck! if you live in minneapolis, i'll gladly buy you a coffee and we can chat in person. :-)

thank you for any help and advice you can give!

keith

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 15 September 2012 - 11:06 PM

Keith,
"dev…cuz i always overestimate my abilities!" - You too?

Do you have Firebug?

Please Login or Register to see this Hidden Content


It would help you immensely to resolve many of these issues that are principally CSS related. You can, for example find the proper elements for the header text and hover action and then apply that to the CSS for the post titles.

Add this, for example, to your Custom Code in CSS Rules or in the pagelines-customize/style.css

Please Login or Register to see this Hidden Content

The default in that case was 0.6 (end line) which made it appear grey, though 255, 255, 255 is actually white. 0.9 makes it whiter. 1.0 is pure white.

For the author, try #postauthor and set a color, like:

Please Login or Register to see this Hidden Content


Dashboard > PageLines > Site Options > Color Control handles the basics, but you can also go to Site Options > Custom Code to add customizations to CSS Rules or, if you prefer, to the PageLines Customize plugin in the style.css file there.

Since we don't provide custom support via Skype, I am editing your post to remove and protect your account IDs given that this forum is searchable on Google.
  • kdvorak likes this

#3 kdvorak

kdvorak

    Member

  • Members
  • 13 posts
  • LocationMinneapolis, MN

Posted 16 September 2012 - 05:50 AM

Rob,

Thank you!

I am really hoping to avoid custom code because…(you know: "overestimate"!). If I can't, I can't; and drat. But I'm really hoping!

I'll check out Firebug, and I'm wondering…I hesitate to type the word…if Dreamweaver might also be useful.

I think I'm already wishing there were a way to find the names of all these elements in the (a) UI sort of tool, and then just say normal = green, mouseover = light green, author = white or light green (you seem to have found this one).

Ack. If only I weren't such a beginner!

Thank you again for the above and the Firebug recommendation!

Thank you also for removing my account information. :-)

Keith

#4 kdvorak

kdvorak

    Member

  • Members
  • 13 posts
  • LocationMinneapolis, MN

Posted 16 September 2012 - 05:52 AM

hmmm…. the #postauthor lines did nothing.

#5 kdvorak

kdvorak

    Member

  • Members
  • 13 posts
  • LocationMinneapolis, MN

Posted 16 September 2012 - 05:54 AM

FYI: it appears to be getfirebug.com. :-)

#6 kdvorak

kdvorak

    Member

  • Members
  • 13 posts
  • LocationMinneapolis, MN

Posted 16 September 2012 - 06:16 AM

your huge code entry seems to be working, though i'm not sure how. i'm playing with that 0.9 and made it 0.7. and 1.0. i'm sort of understanding what's going on, but i don't know who you found all those names and such. argh! i hate being so stupid!!

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 16 September 2012 - 10:52 AM

HI,

I recommend you read the documentation below, if you wish learn how to use FireBug.

Please Login or Register to see this Hidden Content



#8 kdvorak

kdvorak

    Member

  • Members
  • 13 posts
  • LocationMinneapolis, MN

Posted 16 September 2012 - 05:53 PM

thank you, danny. i did start reading it last night. i would prefer not to use it if possible. i would rather find out that what i need to do is easily achieved via the pagelines template, but i fear that's unlikely.

#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 September 2012 - 08:18 PM

Apologies about the URL and that #postauthor didn't work.

Dreamweaver will produce, I promise, nothing but headaches as it attempts to add code, spaces, breaks and other things that will ruin the good things you wish to achieve.

Framework is largely pre-designed for you, so all you need to add are your customizations, images, and make selections. Dreamweaver is an HTML code writer. We never really have to write HTML, just change some occasional CSS. That should be good news to you.

#10 kdvorak

kdvorak

    Member

  • Members
  • 13 posts
  • LocationMinneapolis, MN

Posted 16 September 2012 - 09:57 PM

certainly no need to apologize! i am grateful for the help!

yes, i've pretty much decided against dreamweaver here. i did download and install firefox and firebug.

i'm not sure why postauthor didn't work. that large section of code worked, but it changes many things on the home page, from that byline to the blogroll, etc. and i still can't figure out why the rollover for the author name is white, but the rollover for the links in the post body is a darker shade of the green.

again, maybe firebug. ack!

anyone in minneapolis? :-)

#11 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 17 September 2012 - 08:21 AM

Hi,

For you post author and comments link, add this to your custom CSS.

Please Login or Register to see this Hidden Content



#12 kdvorak

kdvorak

    Member

  • Members
  • 13 posts
  • LocationMinneapolis, MN

Posted 30 September 2012 - 10:04 PM

thanks, danny.

i'm not sure what that did, but it affected the blog post titles, but not the byline and author.

i think the humbling lesson here is that i got an amazing template and technology for developers who know what they're doing, not so much stupid designer types. i am completely defeated by this and am having a hard time rising to the challenge because i don't know enough about CSS etc. hopefully i can learn. i really don't want to install a different template.

thanks again for all the help!!

#13 kdvorak

kdvorak

    Member

  • Members
  • 13 posts
  • LocationMinneapolis, MN

Posted 30 September 2012 - 10:30 PM

ok. i'm trying again.

is it possible the #postauthor didn't work because 1) you don't have a starting brace: { and 2) is it possible that it didn't work because, if i'm understanding firebug correctly, it's "author" and not "postauthor"?

#14 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 01 October 2012 - 07:50 AM

Hi,

To change the color on hover, add the following code:


Please Login or Register to see this Hidden Content


Change white to whatever color you like.





Also tagged with one or more of these keywords: format, hyperlink, css, customization