Help With Resizing The Reply, Thread and Parent Links - SOLVED

[vinylreckoning]

So this is the first time I have been here and I hope that I am tagging this right mods, but if I am not I am sorry in advance

What I want to do is resize the Reply, Parent, Thread Links because they are really super small. The layout that I have is from minty_peach. I tried asking various other people how to do it and they keep on recommending the same thing

Comments

resizing entry links

[anarano]

This should do:

.commentbox div[style*="smaller"] {font-size:10pt !important}

Re: resizing entry links

[vinylreckoning]

YES!!!! It worked thank you so much! *hugs*

Re: resizing entry links

[krissasaur]

can you explain what everything in this code does so i can use it later in different ways ^^? specifically the "[style*="smaller"]"

Re: Explaining: resizing entry links

[anarano]

I will. Just tell me, how much do you know about HTML and CSS? This way I can adjust my explaination.

@KRISSASAUR - Explaining [style*="smaller"]

[anarano]

I've put the explanation as a direct comment to the original question to have more room for the text.

A look on the HTML code of the site in question will show you this simplified pullout:

(Links for Reply, Parent,Thread, Link)

Flexible Square puts for some reason the CSS instructions directly into the div element of the links. Such inline styles
take precedence over external and internal (= LJ CSS box) style sheets. The second issue is that said div element isn't
named width a class and/or id. .commentbox div[style*="smaller"] {font-size:10pt !important} solves both problems.

• .commentbox is the next higher div element which is named.
• .commentbox div would adress all div elements inside ".commentbox". .commentbox div[style*="smaller"]
  addresses just the div element with the inline style.
  
  • div[xxx] adresses all div elements with a specific attribute like style, src, href, height, etc.
    e.g. [width] would adress all(!) html elements which contain a htlm(!) width information: images, tables,
    certain divs, et al.

Re: @KRISSASAUR - Explaining [style*="smaller"]

[krissasaur]

ahhh my brain still hurts this is confusing a bit.. but i dont knwo how to put it into words XD

thank you do much for this though! :D i am going to add this post to memories~ ^^

at least i understand the * now though. that had me baffled. so basically the asterisk just means anything inside of style="******here*******"?

i have been messing with it and kinda figured it out... but just from copying your code... yea only with the code you have given... is it possible for you to give me another example? (you can make something up, doesn't need to be lj related) just so i can absorb it better?

(as in.... other ways to use it? if you knwo what i can google or have links you can just link me if you dont feel like explaining XD)

Re: @KRISSASAUR - Testing file

[anarano]

I made a small html file for testing. Copy the code, insert it in a text editor,
save the file "xxx.html" and open it with your favored browser. Play around and enjoy :)

... )

Re: @KRISSASAUR - Testing file

[krissasaur]

oh my gosh... you are so amazing! i cannot thank you enough!! ♥♥