Jump to content

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


Recommended Posts

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.

Link to comment
Share on other sites

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;
}

 

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...