Fixing the Entry Title link format

December 5th, 2008, 09:22 pm

Fixing the Entry Title link format

If you're not using an Expressive/Mixit layout (Edit: or the default component layouts), chances are your entry titles no longer look quite right since Livejournal just changed the layouts to display entry titles as links.

This applies to my shared layouts too. So here's the CSS override needed to change the title link format in the layouts.

Bloggish

.entry h3.entry-header a {
color: #Y !important;
font-size: # !important;
font-family: % !important;
text-decoration: none !important;
font-weight: bold !important;
}

Classic

.subject a {
color: #Y !important;
font-size: # !important;
font-family: % !important;
text-decoration: none !important;
font-weight: bold !important;
}

Component

.entryHeader a {
color: #Y !important;
font-size: # !important;
font-family: % !important;
text-decoration: none !important;
font-weight: bold !important;
}

Dear Diary

.entryheader h3 a {
color: #Y !important;
font-size: # !important;
font-family: % !important;
text-decoration: none !important;
font-weight: bold !important;
}

Flexible Squares

.subject a {
color: #Y !important;
font-size: # !important;
font-family: % !important;
text-decoration: none !important;
font-weight: bold !important;
}

Smooth Sailing

.entryHeaderSubject a {
color: #Y !important;
font-size: # !important;
font-family: % !important;
text-decoration: none !important;
font-weight: bold !important;
}

Instructions

Go to the Custom CSS area
Copy/paste the needed code in the "Custom Stylesheet" area, AFTER all the existing code.
In the code pasted, replace:
Y with your color code
# for font size (remember to add pt or px or % or em after the number)
% with the font name(s)
If you don't want the title in bold, change the 'bold' for font-weight to normal. And if you want the title underlined, for text-decoration change 'none' to underline

Note: Just delete the lines you don't need (such as font-family or font-size) if you only want to change one or two things.

Tags: layout

19 comments

—

19 comments
—

Huh, what's "not quite right"? Mine just look like they always do, except now they're links...

Component is one of the few which don't look different normally since the default link color for entry titles and entry title link are the same in the various themese (I think).

The one component layout I did though had a different color for Entry title links, so if people want the color changed back to the original on it, the code above wil do it :)

Edited at 2008-12-06 03:36 am (UTC)

- (Anonymous)

LMAO, I think people are bugged because some custom CSS layouts cause links in entries to be HUGE so the new link!titles are breaking their layouts and stuff >_>

>_< Well, my titles stayed the same except for link color.

The usual text title colors *popped* more and the link title colors blend too much with the entry colors, hence the post ^^

LOLOL *huuuuug* XD Most layout makers are probably flexible squares!exclusive and they probably had no idea that entries could have/be links, like in mixit. Which resulted in crazy fonts MWHAHAHAHA

I use one of your layouts on a comm I mod and it was totally unaffected, so I was completely clueless when I saw people complaining that the change was some kind of design apocalypse. <_< Thanks for your awesome CSS, again! XD

I have NO idea what to do here. *sobs* I mean, I noticed my entry titles had turned into links, but...

I'm using, as you know, a layout from the fulcurm, and I'm terrified to fuss with it.

Go to this link:
http://www.livejournal.com/customize/options.bml?group=customcss

You'll see the area you pasted all the codes from thefulcrum :)

I looked up the layout which is Bloggish and you just need to paste this code to the end of all that code:


.entry h3.entry-header a {
	color: #379CB3 !important;
	font-size: 1em !important;
}

That should be it!

Oh and if you want the underline gone, add the following line before the "}" closing curvy bracket:


text-decoration: none !important;

Thank you!

I'm rather glad they made the entry titles into links, but I think I'll be following what you mentioned to

libby_drew and get the underline removed. Thanks for the tip! ^^

Yeah, I just integrated the codes for bold and underline into the codes above too :3

oh yay! you're cool! thanks for this! ^.^
i've been irritated about my subject link for quite some time already..
you're a saviour.. thank you again!! ^o^ ♥

Thanks for the info, I didn't even notice a difference until I read your post.

D8 Omg, THANK YOU! I was really confused when I saw the links appearing in the titles after I posted in a community. At first, I thought I had an open HTML link @_@

:3 This was very helpful.