Typo theme customization question

psychotik · Member · Sep 6, 2014 at 4:47 pm
Copy link

Add topic to favorites
Hello all!

I would like to change the color of the links that appear on a page and also, if possible, the size of the font for that specific page.

The url of the page is: http://lababia.wordpress.com/blogroll/

Assuming that the color I want is black and the font smaller, what should I do to change the way they appear?

Thanx in advance!

The blog I need help with is: (visible only to logged in users)
pcosta88 · Member · Sep 6, 2014 at 5:36 pm
Copy link
Hello!
You would need a Custom Upgrade.
http://en.support.wordpress.com/custom-design/
psychotik · Member · Sep 6, 2014 at 5:41 pm
Copy link
Hello!

I already have custom design.

I’ve figured out the color part (which was plain easy), but I’m still trying to work on the size font for that specific page.

What can I do?
timethief · Member · Sep 6, 2014 at 5:50 pm
Copy link
@pcosta88
When answering threads here’s a tip. Always click the “member” link under the username and you will be able to spot duplication.
pcosta88 · Member · Sep 6, 2014 at 5:50 pm
Copy link
Hello!

If you are asking how to adjust the font size for the
http://lababia.wordpress.com/blogroll/ page.

You would want the following code
```
p {
margin-bottom:1.5em
FONT-SIZE: YOUR FONT SIZE HERE
}
```
I made yours 50px to exaggerate the difference between what you have and what it looks like in my example.
See here
http://pbrd.co/1upMSmh
pcosta88 · Member · Sep 6, 2014 at 5:55 pm
Copy link
@Timethief:

I understand. My apologizes. I’ve just been assuming each thread is different because why would anyone seeking assistance create duplicate posts.
psychotik · Member · Sep 6, 2014 at 6:08 pm
Copy link
I’m sorry but I can’t make the above change… I know nothing about html.

Tell me if I’m following the correct steps:
1. Go to the page in question
2. Left Click->Inspect Element
3.Trying to find the line you’ve highlighted

…which in all honesty, I cannot…

Anyways, I’ll figure something out. Thanx for your trouble and sorry for the duplicate posts.
thesacredpath · Member · Sep 8, 2014 at 2:09 am
Copy link
Hi @psychotik, you can change the color of links on a specific page by using the unique page ID body class, which is found in the opening body tag for the page. In the case of your blogroll page, it is .page-id-162 .

Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
.page-id-162 .entry-content a {
    color: #cc0000 !important;
}
```
The above will work on all but your first two entries on the left side since you have declared a color in the HTML on that page using span tags. If you remove all the color span tags from those two entries, the above CSS will allow you to change the color of only those links.
psychotik · Member · Sep 8, 2014 at 8:57 am
Copy link
Thank you @thesacredpath for your tip!
thesacredpath · Member · Sep 8, 2014 at 5:31 pm
Copy link
You are welcome.

No items found.