0
Welcome Guest! Login
0 items Join Now

Paradigm template- Add Video background and change menu background

Last Post
Search Topic

  • Paradigm template- Add Video background and change menu background

    Posted 10 years 6 months ago
    • I am currently using the paradigm template and I'm trying to maintain the white background as you scroll to the bottom of the page. This is the website You will see that as you scroll down the white background appears. I want it to be there all the time even at the top. How do I do that?

      Secondly, I wanted to find out if I could setup a video background like lumiere, demo.rockettheme.com/live/joomla/lumiere/ on the current website I have above
    • Last Edit: 9 years 4 months ago by Kat05.
    #1139446
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Paradigm template- Add Video background and change menu background

    Posted 10 years 6 months ago
    • 1. Use this code...
      #rt-header {
     background: none repeat scroll 0px 0px #f5f5f5;
     box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.2);
     color: #7d7d7d;
     transition: all 0.3s ease-in 0s;
}

.header-overlay-light #rt-header-surround .gf-menu.l1 > li.active > .item, .scrolling-overlay-light #rt-header-surround .gf-menu.l1 > li.active > .item, .header-overlay-light #rt-header-surround .gf-menu.l1 > li:hover > .item, #rt-header-surround .gf-menu.l1 > li:hover > .item {
     border: 1px solid #282828 ! important;
     color: #282828 ! important;
}


.header-overlay-light #rt-header-surround .gf-menu.l1 > li > .item, .scrolling-overlay-light #rt-header-surround .gf-menu.l1 > li > .item {
    color: rgba(40, 40, 40, 0.65);
}
      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"

      2. You would have to change the template index.php to achieve this to add in VIDEO TAGS - This is considered as a customization request which falls way beyond the scope of this free support forum. You can always try to post your request in our The Marketplace forum and get (paid) support from someone that is willing to do this.

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

Time to create page: 0.087 seconds