Jump to content

[Resolved] Change Latest products font


Supergromet

Recommended Posts

Generally, you change something specific by being very specific about what you want to change.

In the Foundation skin, the first font declaration is in normalize.css (sans-serif). This is not a name of a particular font, but rather the class of font you want the browser to show. In your browser's settings, you get to choose what actual font you want the browser to use for the class of sans-serif font.

Later, in foundation.css, these fonts are specified: Helvetica Neue, Helvetica, Roboto, then Arial.

Later, in cubecart.css, the font Open Sans is specified.

Being more specific, in foundation.css, an H2 tag gives the text the color #222222.

If you want to change the styling of just the phrase "Latest Products", then we need to be more specific than just H2.

So, we have a file named cubecart.default.css where we can put whatever we want. We don't need to go finding anything in particular. This is the last (hence highest priority) CSS rule file that gets loaded.

Add this rule: #content_latest_products h2 { color: red; }

Link to comment
Share on other sites

  • 3 weeks later...

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.

×
×
  • Create New...