0
Welcome Guest! Login
0 items Join Now

list of typography

Last Post
Search Topic
    • Vybz's Avatar
    • Vybz
    • Sr. Rocketeer
    • Posts: 135
    • Thanks: 1

    list of typography

    Posted 8 years 2 months ago
    • Can someone point to a resource that gives me the complete list of the typography and its syntax?
    #1339652
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: list of typography

    Posted 8 years 2 months ago
    • What typography?
      what template?
      what CMS?
      link to your site?

      most of the template demos have a "typography" and/or "block variations" and/or "module varaiations" page that explains this. Plus each template has template documentation too, plus Gantry has it's own docs too.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1339658
    • Vybz's Avatar
    • Vybz
    • Sr. Rocketeer
    • Posts: 135
    • Thanks: 1

    Re: list of typography

    Posted 8 years 2 months ago
    • well i am looking for quotes. I am trying to create my about us page. I want to highlight some of the text in quotes in a small box and align it to a paricular side and have the text flow around it.
      I am using grav
      template Protean you can find my site here

      But is there like a complete list of the available typography and their syntax? or the ones on the typography page on the demo the only ones? See here on this older demo it has the entire list
    #1339708
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: list of typography

    Posted 8 years 2 months ago
    • Blockquote are styles differently in each template. Here's how you can get quote around the blockquote...
      blockquote {
  border-left: none;
  margin-left: 10%;
  position: relative;
  padding: 4rem 0;
}
blockquote:before {
  content: "\f10d";
  font-family: fontawesome;
  font-size: 3rem;
  position: absolute;
  top: 0;

}
blockquote:after {
  content: "\f10e";
  font-family: fontawesome;
  font-size: 3rem;
  position: absolute;
  bottom: 2rem;
  right: 0;
}

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1339719

Time to create page: 0.058 seconds