Docs

[jensmith3]

Hello,

My site is at http://dev.shsp.com.au/

On the Funding page I have added a sidebar called ‘fundingSidebar’, added a ‘Custom Menu’ widget, and added a custom menu ‘FundingSidebar’.

I am having trouble setting the background and font colours for the FundingSidebar menu.

I want to set the menu background to #e6e8dd – the same as the main sidebar background and set the font colour to #7A7A7A.

Are you able to assist?

Many thanks and kind regards,

Jenny

[jensmith3]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

Add this in your Customizer > Custom > CSS:

.widget .menu-fundingsidebar-container ul li{
    background-color: #e6e8dd;
}

.widget .menu-fundingsidebar-container ul li a{
    color: #7A7A7A;
}

Hope it helps.

Let us know how it goes.

Thanks.

[jensmith3]

Hi there,

Thanks for your reply. I added the code as suggested to my child theme style sheet but it didn’t change anything. I thought there might be a setting in menus and have set the menu bar background and font colour without luck.

Is there anything else I can try?

Many thanks and kind regards,

Jenny

[Christopher]

Hi there,

The code should work fine. Upon checking style.css file, the code hasn’t been added yet.

Thanks.

[jensmith3]

Hello,

Thank you and you were correct – the code wasn’t in the file. I did add it but I suspect it timed out before it saved. ANYWAY all good now.

Can I ask another related question. I am trying to do the same thing on the Services page. I have added the following code to the style sheet but nothing changed.

.widget .menu-servicesSidebar-container ul li{
background-color: #e6e8dd;
}

.widget .menu-servicesSidebar-container ul li a{
color: #7A7A7A;
}

Your help (and patience) much appreciated.

Kind regards,

Jenny

[Lely]

Hello Jenny,

You’re welcome!
Please use this instead:

.widget .menu-servicessidebar-container ul li {
    background-color: #e6e8dd;
}
.widget .menu-servicessidebar-container ul li a {
    color: #7A7A7A;
}

Hope this helps.

[manuel_buenemann]

Hey guys!

First of all: Thanks to you for this great theme. I have a lot of fun with Ethos and it provides much of what I need. Unfortunately my knowledge about CSS is not too high and I think asking you for help could be a good idea after I tried for several evenings:

I use the events-plugin “Events made easy”. Everything works fine but the look in the sidebar in Ethos. I want it to look exactly like your nice formatting of the news list above. Is there an easy to use CSS-Code I can use to fix that?

Would be nice if you could help me.

[Lely]

Hi Jenny,

You’re always welcome!

Can you give us the link of the event page? To help you better, please give us 2 links. First the link where the adjustment is needed and then the link we need to copy the design of sidebar.

[manuel_buenemann]

This reply has been marked as private.

[Lely]

Hi Jenny,

See this comparison of the content and design of sidebar of those two pages:http://screencast-o-matic.com/watch/cbeDjv6B8n. It is identical. I am not sure where the formatting issue is. Please clarify and we’re sorry for the back and forth but we can’t recommend something if we can’t see the issue.

[manuel_buenemann]

This reply has been marked as private.

[Rad]

Hi there,

Please add this CSS as well,

  .widget_eme_list{
    margin-top:0px !important;
    color: #868686 !important;
  }
  .widget_eme_list > br {
  display: none !important;
  }

Thanks!

[manuel_buenemann]

Thank you for this very good support!!! It works and now I know how to continue!

[Thai]

You’re most welcome 🙂

[Author]

Posts