Ethos 01: Footer

Support
#1

Hello,

I installed the ethos theme of the Demo. I am having trouble changing the font color for the footer, the color is set to white and I want to change it but I cant. Please help my site is www.myplatebodyandmind.com

-Also, the mobile view is not coming up. The only thing that comes up on the mobile version is my sidebar with no menu options.

Can you please take a look at this for me thank you.

Thank you in advanced,
Awilla

#2

Hey Awilla,

The Ethos Stack’s Header and Footer should be a dark colored background because that is its theme. I’d recommend that you switch to a dark colored background because there’s no option to change the Footer Text and Links color in Ethos. You’ll need custom CSS for it.

If you wish to use custom CSS, please add this code in Theme Options > CSS.

.widget ul li a, .widget ol li a {
    color: black;
}

I checked your site on my phone and it displays completely as the elements I see in the desktop. Would you mind clearing your phone’s browser cache and also give us a screenshot afterwards?

Thanks.

#3

Thank you Christian,

I was able to figure out the problem. And love the changes i used the css code you provided me with.

  1. My home page goes to my old theme version home page and i don’t know how to fix it. Can you please help me make this current home page www.myplatebodyandmind.com my home page that i can put on my navigation bar.

  2. For some reason my logo does not fit on the header it goes on top of the carousel . How can i make it so it won’t do that.

Thank you again for your prompt response

Awilla.

#4

Hello Awilla,

Thanks for updating in!

1.) Do you want to display a custom page as your homepage? If that is the case, please create a custom page and then assign it as your front page. For more details, please check this out:

2.) Your logo does not fit in your header because you added this custom css:

@media only screen and (min-width: 980px){
  a.x-brand.img {
    margin-top: -22px!important;
  }
}

You might need to update it and use this:

@media only screen and (min-width: 980px){
  a.x-brand.img {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
  }
}

Hope this helps. Please let us know how it goes.

#5

Thank you so much i was able to fix the problems.

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.