cubecart v6 How do I reduce font size of titles of doc pages in Foundation.

[Paul 0'Reilly]

In CC6, Foundation skin, I wish to reduce the font size of titles of doc pages. They are way too big! 
I can locate .css but not sure which H1, H2 tag to edit. I'm new so,  any help much appreciated. Thx

[bsmither]

It is best not to try to edit the CSS of Foundation directly. In the file cubecart.default.css, add this rule:

.document_wrapper h2 {
  font-size: 1.0rem;
}

Foundation has <h2> tags at 2.3125rem everywhere. We are just interested in the <h2> tags contained within the document.

[Paul 0'Reilly]

Hi.

My web host installed CC and I'm having trouble finding the  right file to make suggested change. Sorry, the file manager tree looks very messy... cubecart.default.css 

Edited June 16, 2015 by Paul 0'Reilly

[bsmither]

The image indicates that you last looked in the folder /css/ as indicated by the dashed line box. The target file should be in there.

[Paul 0'Reilly]

Hi, when I open CSS only see font , Hmm feeling a bit stupid...

 

Edited June 16, 2015 by Paul 0'Reilly

[bsmither]

The first image you posted has the dashed box around a folder named /css/ immediately underneath (thus inside of) the /foundation/ folder.

[Paul 0'Reilly]

Hi, Finally got there - with your help thx. Does it matter where I add the following in .css?

.document_wrapper h2 {
  font-size: 1.0rem;
}

[Paul 0'Reilly]

Hi, I added this: 

html * {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}
.document_wrapper h2 {
  font-size: 1.0rem;
}

but title doesn't look much smaller - I tried 0.9rem; not sure had any effect tho.

[Paul 0'Reilly]

Ah, my mistake ! The contact, about us, privacy are much smaller but home page title is still very big.

This is the one I would like to reduce. https://www.wildtrout.com.au/store/

Help much appreciated

Edited June 16, 2015 by Paul 0'Reilly

[bsmither]

This is the odd one -- all the documents use the template content.document.php template, but the Homepage, even though it has a document, uses the content.homepage.php template.

So, in addition to what you added to cubecart.default.css, add this as well:

#content_homepage h1 {
  font-size: 1.0rem;
}

 

[Paul 0'Reilly]

Nice one.

I upsized the rem a wee bit - all works!.

Dare I ask 1 more? Which HTML tag changes colour /size of linked text?

I want to go from light blue to a teal green from client's main website and a wee bit smaller.

You have been very helpful !

 

[bsmither]

Allow me to offer instruction on how you can manage this yourself:

For Firefox and Chrome, right-click on the thing you want to know more about and from the context menu that pops up, select Inspect Element. You will be shown a fair bit of info about what is happening to make the thing look like it does.

For Firefox, there is a better tool addon called Firebug.