Nov. 30th, 2015

[personal profile] tropicsbear
Edit: I had some free time today and spent a long time just poking around with my layout and using trial-and-error to fix it up. I'm adding my updated CSS in case someone has similar problems.




I can't find the bit in my code that will let me do the following things:

1. Change the font family for links in the box that appears when you reply to a post (not the quick reply, the form that appears on the comments page), specifically the "Icon" and username. For some reason, my code works only when I hover over the links. Edited the a, a:link, a:visited part of my code to the following:

a, a:link, a:visited {
text-decoration: none;
font-family: 'Alike', 'New York', Georgia;
}


2. Modify the "Flat | Top-Level Comments Only" text at the bottom of the page. I want to add a background to it. The code I used to try and address #1 apparently also affected the font here (i.e. change when I hover over it). I found a different customized layout which had code that addressed this part. This is the bit of CSS I added to modify this part:



3. Add padding to all the buttons like "Post Comment" or "Perform Action." Or at least make the font smaller since they look really cramped in their boxes. Added padding to the input part of the code.

input {
background: transparent;
border: 1px solid #333333;
color: #333333;
padding: 3px 3px 3px 3px;
}


4. Change the font family for the quick reply textarea. Found the solution in the comments of this post and just played around with the code.

Any help would be much appreciated!

Old CSS:



CSS with solutions:

Profile

Dreamwidth style system discussion

April 2025

S M T W T F S
  12345
6 78910 1112
13 141516171819
2021 2223242526
27282930   

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 15th, 2025 11:08 am
Powered by Dreamwidth Studios