0
Welcome Guest! Login
0 items Join Now

Helium - Making Mainbar section transparent to 90%

    • Michael's Avatar
    • Michael
    • Hero Rocketeer
    • Posts: 448
    • Thanks: 2

    Helium - Making Mainbar section transparent to 90%

    Posted 5 years 5 months ago
    • Hello, is there a way to make the Mainbar section in Helium transparent to 90%? There are color controls in the Styles tab for all the sections of the layout but nothing for Mainbar.

      Any ideas on what the recommended solution would be?

      Thank you.
    • Last Edit: 5 years 5 months ago by Michael.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Helium - Making Mainbar section transparent to 75%

    Posted 5 years 5 months ago
    • Please would you post your URL, superuser id and pswd in the secure tab of your post and I'll have a look for you.

      use custom CSS to change it and use RGBA color.

      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.
    • Michael's Avatar
    • Michael
    • Hero Rocketeer
    • Posts: 448
    • Thanks: 2

    Re: Helium - Making Mainbar section transparent to 75%

    Posted 5 years 5 months ago
    • Hi Mark, I have posted my details in the Secure tab.

      Thank you for your help.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Helium - Making Mainbar section transparent to 75%

    Posted 5 years 5 months ago
    • When developing web sites it is useful to learn to use either, the Inspector in Firefox, Chrome Developer Tools in Chrome, or one of the other browser developer tools, they will save you hours on things like this and they're very easy to use.


      Use this code...
      #g-mainbar {
        background-color: rgba(255,255,255,0.5);
      }


      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.

Time to create page: 0.051 seconds