-
Posts
-
Hi there!
I’m trying to change link colors but only for links that in the body of the page. I’ve tried a few different things:
.avia_textblock a:link{ font-weight: underline; color: #444444 !important; }.p a {}
a {}The problem with these is that it is changing colors for parts of the page that I do not want. The first (avia_textblock) changes only certain links and it also changes the colors on the arrow on page 1266 (I don’t want it to).
The second one doesn’t do what I want.
The third changes all the links including, link icons (ex. arrows on page 1266), admin links on top bar, etc.Also, I would like to change the color of the circle that appears when you hover over a picture.
Thank you for any advice that you can give!!
Thanks Yigit! That changed most of the links, if you go to page: http://ehc.english.ucsb.edu/, you’ll notice that the links on the left-hand side are green while the ones in the center are dark gray.
I used #444444 to change the middle links to dark gray with your provided code.How do I change the links on the left? Also, how do I change the colors of the cirlces with the arrows that appear when you hover over a picture?
Thank you again!!
Update: I figured out that the css tag for the circle+arrow overlay on pictures is .image-overlay-inside:before, so that issue is resolved.
I’m still having link coloring issues on the left-hand side of the linked page.
Hey!
Use this to change the read more link color to gray:
a.more-link { color: #444444; }Best regards,
Ismael
- The topic ‘Changing Link colors’ is closed to new replies.