0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

Template override

Last Post
Search Topic
    • Jan's Avatar
    • Jan
    • Sr. Rocketeer
    • Posts: 192
    • Thanks: 0

    Template override

    Posted 11 years 1 month ago
    • Hi
      I use GantryFramework and have made 2 different Override based on Master.
      How do I make different background colors in the Header (rt-top) in the 2 Override

      Regards
      JanH
    #1095997
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Template override

    Posted 11 years 1 month ago
    • Could you please post a URL to your site (this can be done in the secure area tab if you prefer) so we can look for you. Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.

      What do you mean you created and override (what sort of override?) - please elaborate on what you have done?

      Please do a screengrab of your problem and annotate to make it clear.

      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.
    #1096035
    • Jan's Avatar
    • Jan
    • Sr. Rocketeer
    • Posts: 192
    • Thanks: 0

    Re: Template override

    Posted 11 years 1 month ago
    • This message contains only secure information that is visible to MrT, moderators and administrators
    #1096045
    • Jan's Avatar
    • Jan
    • Sr. Rocketeer
    • Posts: 192
    • Thanks: 0

    Re: Template override

    Posted 11 years 1 month ago
    • This message contains only secure information that is visible to MrT, moderators and administrators
    #1096156
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Template override

    Posted 11 years 1 month ago
    • Ok, so to recap, you have create two TEMPLATE override copies, one has header style "light" the other has header style "dark", those two overrides are assigned to different "pages" (menu items). So, you want to change the color of those two different headers. So, as the choice offered in template manager is confined to "light" or "dark" we have to use CSS to modify those two colors...
      body.headerstyle-dark #rt-top {
    background-color: #FF0000;
}
body.headerstyle-light #rt-top {
    background-color: #008000;
}
      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: Jan

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

Time to create page: 0.091 seconds