Jump to:

1347 Posts in 439 Topics by 514 members

Themes

SilverStripe Forums » Themes » Cloudy theme - how to make changes in theme colour

Discuss SilverStripe Themes.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Page: 1
Go to End
Author Topic: 1040 Views
  • webdeb
    Avatar
    Community Member
    22 Posts

    Cloudy theme - how to make changes in theme colour Link to this post

    Hi,
    how do I change the top area (the first inch of background) gradient grey colours in the cloudy theme to a gradient light blue? I normally know how to change #colours in a css, but not in a CMS. I dont know which files or lines of code in the css or scss to change, or if it is in the third party/bootstrap somewhere ... as there are hundreds of options to choose from. I cant install compass because it says I need ruby, and cant find ruby anywhere.
    I would also change the navigation bar from black, to a complimentary dark blue....not sure which line of code in which file to change either.
    many thanks

  • UrbanGrocery
    Avatar
    Community Member
    5 Posts

    Re: Cloudy theme - how to make changes in theme colour Link to this post

    Look in the Sitename/themes/Cloudy/layout.css file. Look in the section for "container" or the like to set the background color or image. Look for the section titled "Navigation" in the same css file and look for "Primary Wrapper" and "Secondary" wrapper to set the background colors for the navigation bar.

  • webdeb
    Avatar
    Community Member
    22 Posts

    Re: Cloudy theme - how to make changes in theme colour Link to this post

    thanks they were in theme/css/cloudybase.css.
    the gradient was in a .html class under layout and was easy to change, thank you.
    The navigation was more problematical as there were dozens and dozens of nav classes and I tested out changes to over half of them and it took 2 hours but still could not find the class that controlled the nav bar. so I will leave that to the too hard basket.

  • Greg1
    Avatar
    Community Member
    28 Posts

    Re: Cloudy theme - how to make changes in theme colour Link to this post

    .navbar-inner controls the colour of the navbar.

  • webdeb
    Avatar
    Community Member
    22 Posts
    1040 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.