Jump to content


Photo
- - - - -

How to change global site colors

color colors

  • Please log in to reply
6 replies to this topic

#1 studio12

studio12

    Advanced Member

  • Members

  • 88 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 26 November 2013 - 07:40 PM

I'm stumped on how to change the global site colors on my DMS site. My overall site color (around the edges, top, bottom) is now white (default I think), but I would like to change it.  -thanks



#2 jmad

jmad

    Advocate

  • Members

  • 490 posts
  • LocationCentral Florida
  • Framework Version:DMS
  • Country: Country Flag

Posted 27 November 2013 - 01:55 AM

Under the global settings did you set your colors?

 

 

Background Base Color 
Text Base Color 
Link Base Color 


#3 studio12

studio12

    Advanced Member

  • Members

  • 88 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 27 November 2013 - 03:46 AM

Got it. And so now how do I change the MediaBox to be the same color?

http://www.studiochurch.tv/home/ 

 

 -thanks a lot



#4 jmad

jmad

    Advocate

  • Members

  • 490 posts
  • LocationCentral Florida
  • Framework Version:DMS
  • Country: Country Flag

Posted 27 November 2013 - 01:08 PM

I get a 404 page on the link you provided.



#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 27 November 2013 - 02:16 PM

Same here 404, can you provide the link to where the media box is please.



#6 studio12

studio12

    Advanced Member

  • Members

  • 88 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 27 November 2013 - 05:33 PM

that 404 was strange, never seen that before - seems to be working now - please try this link: http://www.studiochurch.tv/home/

How do I change the MediaBox color within DMS? 


Edited by studio12, 27 November 2013 - 05:43 PM.


#7 jmad

jmad

    Advocate

  • Members

  • 490 posts
  • LocationCentral Florida
  • Framework Version:DMS
  • Country: Country Flag

Posted 27 November 2013 - 07:02 PM

In your CSS Add the code below.  Then use c-lightblue-sec or c-darkbule-sec in you media box styling classes area.  For colors you can change the @lightblue or @darkblue values#f4f9fa to anything you want or rename the colors and then reference them with @yourcolorgoes here.
 
/* custom colors */
 
@lightblue: #f4f9fa;//really light blue
@darkblue: #3d93a4;//darker blue
 
/* light section background */
.c-lightblue-sec {
  background-color: @lightblue;
}
 
/* dark section background */
.c-darkblue-sec {
  background-color: @darkblue;
}

 

 

Or you could do

 

/* media box background */

.your-custom-name{

background-color: #f4f9fa;

}

 

the in your styling class reference your-custom-name


  • James B likes this





Also tagged with one or more of these keywords: color, colors