CMS Development

chrissa0000
Contributor

Need some help in changing the colors of my footer

SOLVE

Hello, I would like to ask , how could I change the color and font-family of my footer texts to make it similar with the template I worked on. I want it to be color white , and was wondering why on this page the color isn't the same

 

http://news.besocialscene.com/whiskey-content/kansas-city/spring-whiskey-tasting-festival-recap-kans...

 

I am working on the same global group template

http://info.besocialscene.com/draft-aboutus

 

 

0 Upvotes
1 Accepted solution
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Need some help in changing the colors of my footer

SOLVE

The new page is using a completely different css file than the old page. 

The new page is using 

<link rel="stylesheet" href="https://news.besocialscene.com/hs-fs/hub/1943696/hub_generated/template_assets/1481757145070/custom/page/Mydrinkon_July2016-theme/Social_Scene_-_Mydrinkon_July2016-style.min.css">

Whereas the old page is using: 

<link rel="stylesheet" href="https://info.besocialscene.com/hs-fs/hub/1943696/hub_generated/template_assets/1528959489472/Custom/page/css/Vast-style_copy.min.css">

You can do 1 of 2 things. 

1. Switch the stylesheet to use the vast styles, however, you may lose other styling on the page that might not be ideal for you.

2. migrate the style overrides manually

.footer-background h3 {    
    font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif;
    margin: 10px 0;
    text-rendering: optimizelegibility;
    color: white;
}

tim@belch.io

View solution in original post

1 Reply 1
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Need some help in changing the colors of my footer

SOLVE

The new page is using a completely different css file than the old page. 

The new page is using 

<link rel="stylesheet" href="https://news.besocialscene.com/hs-fs/hub/1943696/hub_generated/template_assets/1481757145070/custom/page/Mydrinkon_July2016-theme/Social_Scene_-_Mydrinkon_July2016-style.min.css">

Whereas the old page is using: 

<link rel="stylesheet" href="https://info.besocialscene.com/hs-fs/hub/1943696/hub_generated/template_assets/1528959489472/Custom/page/css/Vast-style_copy.min.css">

You can do 1 of 2 things. 

1. Switch the stylesheet to use the vast styles, however, you may lose other styling on the page that might not be ideal for you.

2. migrate the style overrides manually

.footer-background h3 {    
    font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif;
    margin: 10px 0;
    text-rendering: optimizelegibility;
    color: white;
}

tim@belch.io