0
Welcome Guest! Login
0 items Join Now

CSS Class

Last Post
Search Topic

  • CSS Class

    Posted 8 years 5 months ago
    • Where did i found the CSS class of Gantry or the template. I explain with my bad english. When i m in the layout, and in a particle, when i want apply a css class in the block panel, where did a found the class.
      Example on home page of Protean, the content tabs have a class fp-......
      Where did i found it ? or other ?
    #1322733
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: CSS Class

    Posted 8 years 5 months ago
    • That class that begins "fp-" is a demo specific class and is explained in the documentation for the template http://www.rockettheme.com/docs/joomla/templates/protean/demo.md . There's no "list" of classes as such, but most of the "common" classes (actually mostly implemented as "block variations") are shown on the "features > block variations" page of the demo and also the "features > typography" page of the demo.

      You can of course use classes of your own and style them however you want in a custom CSS file.

      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.
    #1322735

  • Re: CSS Class

    Posted 8 years 5 months ago
    • Ok thx a lot for the answer, but in wich file can i found this demo style ? for create new based on ?
    #1322736
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: CSS Class

    Posted 8 years 5 months ago
    • Most of the template is written in SCSS (SASS) - but I really wouldn't go searching for the originating file for this. You'll find it much easier to use one the browser development tools (e.g. Firebug in firefox) to inspect the element on the page so that you can see the CSS that the browser is using (actually the CSS is compiled from lots of SCSS files). In this way it's much easier to just copy the statement that you see and put that in your custom CSS file with your changes.

      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.
    #1322737

  • Re: CSS Class

    Posted 8 years 5 months ago
    • ok thanx i will do that. Last question. What is the name of the CSS class for the content tabs on the home page plz
    #1322738
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: CSS Class

    Posted 8 years 5 months ago
    • See screenshot. Load yourself a Rocketlauncher package of the template and you will have an exact replica of the demo that you can refer to.

      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.
    #1322740

Time to create page: 0.064 seconds