Hi.
H4 headings in Buildr seem to have a different 'link colour' in the Buildr template and I can't find any over-ride in the template settings. Also H4 uses a capital font, so I'm guessing these are set somewhere else.

Could you guide me please on custom css to override the H4 link colour. The hover colour seems to use @secondary, but the link colour doesn't use @primary from the template settings for some reason?

Thanks John

I'm using the Buildr Koan template

Hi John,

Do you have a link for the site?

Cheers
Paul

Hi Paul.

Please see the following link:
www.wainwrightlandscapearchitecture.co.uk/WLAtest/index.php/our-services/feasibility-study

I have attached a jpg highlighting the points.

The link colour only seems to work in 'paragraph' text not in H1-H4?

H3 in the 'Our Services' module - I don't understand why this is in CAPS?? I don't see an over-ride for it??

Thanks John

If you look at the Home page..... in this text..
'We are creative landscape designers and landscape planners with expertise and a portfolio we are proud of'

the link color does work in H2 - this is a custom module.
so there seems to be a difference in how header text is between article body text and module text.
John

Hi John,

.moduletable h3 {
font-size: 1.25em;
text-transform: uppercase;
}

The template uses this style so any module title will be uppercase

The home page has this style

#grid1wrap a {
color: #3289c7;
}

Heading tag in articles has this style applying

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #444;
}


Are you looking to standardise the styling?

Cheers
Paul

Hi Paul.

ok so... to change H3 in the modules, how can I change text to remove caps / revert back to normal text in custom CSS?

.moduletable h3 {
font-size: 1.25em;
text-transform: uppercase;
}

Yes I think for me it would be better for the Article link styling to be the same as the Home Page header link styling. I thought I would be able to change this in the template settings or the Row styling, but it must be over-ridden in the main style sheet??

What is the best way to change the Article link colour? I want the link to be @primary (blue) and the hover colour to be @secondary (green) , as the home page. Can I add Css to the custom style sheet?

Thanks John

Hi John,

For the text-transform try adding this to custom css

.moduletable h3 {
text-transform:inherit
}

What are the colours selected in the "links colour" section of the template setting

Cheers
Paul

In template settings -

Link Colors:
Link colour @primary
Link Hover Color @secondary

Colours:
Primary 227FBB
Secondary 96c92d

This is the same in the template maincontent Row settings, but does not seem to over-ride the colour.

John

It would be better if the default for all link settings is via the main template colours, then use Row settings to vary further?

Right so the links are using the default colours on pages other than the home page

www.wainwrightlandscapearchitecture.co.uk/WLAtest/index.php/our-services/landscape-assessment-lvia

e.g. contact us link is #227fbb; and the hover is #96c92d;

Text needs to be a link before it will change colour

The colours on the home page are being controlled by the row rather than default link colours

Do you want to change the row link colour?

Cheers
Paul

I'm sorry Paul. I'm confused!
The Home page is using the default colours. It's the other pages that aren't.

Changing the Row colour has no effect. The Row colour is currently at the default colour.
I want all the links to use the default colour.

John

can I send you the log-in details?

You would need to create a ticket and confirm in the ticket what links you want to change

Cheers
Paul

Thanks Paul.

I just want the paragraph and header text to follow the default link colour settings, or to manually change it through custom CSS?
Is there a custom CSS I can add to change the header link colours on all pages including the home page?

Do you want me to set up a ticket for this?

Thanks John

Hi Paul.
I think I partly solved it.

For some reason using '@primary' doesn't change the template row colour, but putting the colour number in does eg '3289c7'. One issue solved!

But changing this also changes links in other modules I have in that row, and no good. That is probably why it is set up that way in the template. I only want it to change link colour in the articles.

The hover colour is fine, so if there is no easy way to change the link colour in the articles, one option for me is simply over-ride the text colour used by the link. Not ideal though.

John

Hi John,

I can suggest a style that would override the template - you would add that to the custom.css file

Is this ok?

Cheers
Paul

Hi Paul. Yes any suggestions you have would be appreciated.

Basically I want H1, H2, H3, H4 to show link colour within articles, but I don't want it to over-ride the current setting of other modules in the same row. Paragraph text seems to work ok.

I can see why link colour has been changed for the module links, because they use Header class for titles etc. , but in the articles showing regular link colour seems more likely, especially for mobile users where you might want to highlight the links.

On the Home page I was able to change the row link colour without issue, because I didn't have other modules in the same row.

Your previous CSS suggestion to remove the Caps from H3 works just fine thanks.

John