Changing the link colour in Edin theme

artkilgour · Member · Mar 7, 2018 at 3:39 pm
Copy link

Add topic to favorites
I would like to change the hyperlink colour in the Edin theme from the default blue to my site’s corporate colour:
921a1d

I’m okay with leaving the rollover colour as black.

CSS code please!

The blog I need help with is: (visible only to logged in users)
artkilgour · Member · Mar 7, 2018 at 3:55 pm
Copy link
P.S. I would also like to change the colour of the vertical rule in the block quote, also from blue to maroon.
staff-mckluskey · Staff · Mar 7, 2018 at 4:04 pm
Copy link
Hey, let me know if these help:
```
a {
    color: #921a1d;
    text-decoration: none;
}
```
and as for the vertical rule
```
.hero blockquote {
    border-left-color: rgb(146, 25, 28);
}
```
staff-mckluskey · Staff · Mar 7, 2018 at 4:04 pm
Copy link
Hey, let me know if these help:
```
a {
    color: #921a1d;
    text-decoration: none;
}
```
and as for the vertical rule
```
.hero blockquote {
    border-left-color: rgb(146, 25, 28);
}
```
artkilgour · Member · Mar 7, 2018 at 4:18 pm
Copy link
the hyperlink colour update worked! (tx!)

the block quote / vertical rule did not change. :-(

a.
artkilgour · Member · Mar 7, 2018 at 4:20 pm
Copy link
and if i may ask one more change: the rollover colour for the front page widgets — that’s still blue, and i would like it maroon. (it’s a special kind of text hyperlink — i think that’s the only place it appears in the theme.)
staff-mckluskey · Staff · Mar 7, 2018 at 4:40 pm
Copy link
When I open your website I can see the bloc quote marron now, maybe try refreshing?
And by the front page widgets you mean the menu and search button?
artkilgour · Member · Mar 7, 2018 at 4:46 pm
Copy link
1. block quote

ah, i see the problem. i don’t want the block quote rule on the front page to change (it should be white, not maroon).

but the standard text block quote on the internal pages are the ones i want to be maroon (eg. https://therunningworks.ca/clinics/)

2. front page widgets

no, not menu and search — rather, the three featured pages, below the main image — currently titled “spring shoe arrivals” / “join our clinics” / “running shoes” — their rollover colour is currently blue.
staff-mckluskey · Staff · Mar 7, 2018 at 4:48 pm
Copy link
That would be the code to change the background of the roll-over menu
```
.navigation-wrapper {
    display: none;
    background: #921a1d;
    font-weight: 700;
}
```
And as far as the on hover color for the buttons, I´m at a loss, sorry.
artkilgour · Member · Mar 7, 2018 at 5:00 pm
Copy link
um, no, i just want to change the text colour, not the background block.
artkilgour · Member · Mar 7, 2018 at 5:02 pm
Copy link
p.s. i.e. the colour of the text links (“spring shoe arrivals”) in the front page widgets for feature pages, when you roll over the page titles.
artkilgour · Member · Mar 7, 2018 at 5:06 pm
Copy link
see here, i’ve circled a page title with rollover colour — that’s the text i want blue:
artkilgour · Member · Mar 7, 2018 at 5:07 pm
Copy link
argh, not blue, maroon!
staff-mckluskey · Staff · Mar 7, 2018 at 5:08 pm
Copy link
Oh, ok, then we didnñt understand each other :D

I believe this is the blocquote you´re referring to:
```
blockquote {
    padding-left: 24px;
    margin: 0 auto 17px;
    border-left: 2px solid #92191c;
    font-family: "PT Serif",serif;
    font-size: 1.375em;
    line-height: 1.636364em;
}
```
to change the one on the front page, simply delete the code I told you earlier.
staff-mckluskey · Staff · Mar 7, 2018 at 5:12 pm
Copy link
To change the text you circled tried with
```
a {
    text-decoration: none;
    color: #92191c !important;
}
```
I thonk that should do it :)
artkilgour · Member · Mar 7, 2018 at 5:37 pm
Copy link
um, no, that changes the regular colour (before rollover) and causes other problems. the title rollover colour isn’t that important. i’m going to leave it as is (blue).

you did help me change the standard hyperlink colour everywhere else, which was my main problem. thanks!
thesacredpath · Member · Mar 7, 2018 at 8:40 pm
Copy link
Try this for the hover color change you want.
```
.featured-page .entry-title a:hover, .grid .entry-title a:hover {
  color: #921a1d;
}
```
artkilgour · Member · Mar 7, 2018 at 10:08 pm
Copy link
thanks thesacredpath, but this doesn’t change the hover colour on the titles in the front page widgets.
thesacredpath · Member · Mar 8, 2018 at 12:39 am
Copy link
Ah, sorry, the only widget title that is a link is the Facebook title. Twitter and Instagram aren’t links, so we would not apply a rollover color to those.

For the front page widget area Facebook title, this would change the color of the title on hover.
```
.widget-title a:hover {
  color: #921a1d;
}
```
If you wish to change the color of the linked widget titles when not hovered, you would use this.
```
.widget-title a {
  color: orange;
}
```
If you wish to change the color of the non-link widget titles, then this would be the code (it changes only the front page widget area titles, not the footer widget area titles).
```
.front-page-widget-area .widget-title {
  color: lime;
}
```
thesacredpath · Member · Mar 8, 2018 at 12:40 am
Copy link
The code I had given you before was for the hover color on the titles in the featured page section.

No items found.