0
Welcome Guest! Login
0 items Join Now

Anacron Template, RokSprocket background colours

Last Post
Search Topic
    • kbreeze's Avatar
    • kbreeze
    • Newbie
    • Posts: 1
    • Thanks: 0

    Anacron Template, RokSprocket background colours

    Posted 11 years 2 months ago
    • Hi,

      I am building a website based on the Anacron template. I am using RokSprocket for several navigation items with Preset 2. When the RokSprocket module moves from one article to another the background colour changes, which is very pleasant, but the problem that I have is that there are only three background colours (green, dark grey and blue). I have more than three articles but when it shows the 4th, 5th, 6th, etc. articles the background is always green. So when scrolling the background colour changes in the following order: green -> dark grey -> blue -> green -> green -> green -> green.

      The repeated green backgrounds from the 4th article onwards don't look right. How do I change the background colour that is displayed for each of the articles in RokSprocket?

      Further information: I am showing this module in the Showcase-a location - I think that has something to do with it, but I can't see for the life of me where I edit the background colours being used.

      Many thanks in advance for your help,
      Karl
    • Last Edit: 11 years 2 months ago by kbreeze.
    #1079054
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Anacron Template, RokSprocket background colours

    Posted 11 years 2 months ago
    • Use this code...
      .showcase-bg-transition-top-to-bottom #rt-showcase.showcase-panel-2, .showcase-bg-transition-left-to-right #rt-showcase.showcase-panel-2 {
    background-color: #5FA43F;
}

      The above changes it for slide (panel) two - just change the number for other slides (it appears twice on the selector).

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      Regards, Mark.

    • The following users have thanked you: kbreeze

    • 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.
    #1079058

Time to create page: 0.069 seconds