Ethos sidebar background and carousel color

Support
#1

Hi
http://www.devoncraftproject.co.uk/

I cannot work out how to change the sidebar colour - In the customizer I’ve set everything to white, which is what I want.

Also, please could you tell me if I can change the colour of the overlay on the post carousel at the top.

Many thanks!

#2

Hello There,

Thanks for writing in! The color of the sidebar is coming from a background pattern which has inherited from the demo content you may have installed in your site. To remove this and make the background of the sidebar as white, please go to X > Launch > Options > Layout and Design and insert a background image and background pattern. You can remove it afterwards. This step is crucial so that the background options will be updated.

Please let us know how it goes.

#3

perfect! thank you.
I’m used to going to Customize from the main dashboard but I see the options slightly differently if I go through Launch/options. I’ll use that from now on.

thank you!

#4

is it possible to change the colour of overlay when you mouse over the post carousel at the top of the site?

#5

Hello There,

It’s good to know that it works out for you. To change the color overlay of the post carousel, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.h-entry-cover:before {
    background-color: rgba(255,255,255,0.35);
}

.entry-cover:hover .h-entry-cover:before {
    background-color: rgba(255,255,255,0.75);
}

Feel free to change colors that will fit with your site design.

Ethos Post Carousel colors
#6

perfect! thank you

#7

last one for now - how can I remove the underline on the active links - in the sidebar they look really messy, I’d rather they were a different colour

#8

and… I’m having real problems with the footer and top bar colour - I understand that they are linked but I cannot get the menu to show up in the footer or the social media icons to show up in the top bar both at the same time.

Ideally I’d have the topbar black with the icons the correct colours and the footer black, with the icons the correct colours and the menu a pale colour.

I can do one or the other but not both.

#9

Hi There,

2 - To Remove the underline, you can add the following code to Theme Options CSS

    .x-main .widget a, .x-sidebar .widget a {
        text-decoration: none;
    }

 .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
}

2 - Please share the code you are using so we can better understand the issue, also let us know which colours you would like

Thank you

#10

Thanks, that works brilliantly, can I change the colour of links or have them change colour when you roll over them? Otherwise you can’t tell they are links.

I’m sorry about all this, I set up another Ethos site recently and it all just popped together smoothly, I wasn’t anticipating this to be so fiddly.

With the header and footer I am setting the colours in the customiser under options/ethos
I’ve not tried this with any code that helped.

#11

I’m making changes by they are not saving, is that a hosting or a theme problem?

#12

Hi,

There could be a custom css that is overriding those settings.

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password
  • FTP credentials

All the best!

#13

thank you - is it easier just to star from scratch? I’m happy to but I don’t want to use the latest Cornerstone version if I can help it, it is way too complex for my needs.

#14

hiya, any luck with finding out what is going on with this site?

#15

Hi there,

It’s because of this

.x-post-carousel-meta span.entry-cover-author,
{
   display: none !important;
}

There should be no comma if it’s a single selector.

.x-post-carousel-meta span.entry-cover-author {
   display: none !important;
}

I went ahead and fixed it, should be working now. What about the screenshot? I can’t see the issue, it’s a bit small. I can see that you changed the color, but what content should change? Because that’s just a general color and doesn’t apply to all element especially if an element has its own local styling.

Thanks!

#16

Thank you, that is great.
I cannot get the text in the footer to be readable. Is there anywhere I can get control over it?
I realise it is linked to the top bar and I can change the background colour of both under customiser/ethos but how can I change the colour of the links to social media in the header and to the menu and text in teh footer.

Also, how can I change the colour of the links in the sidebar? I want them to look more like links but with no underline

sorry for typose, this forum is really laggy today

#17

I’ll try to make it a bit clearer.

  1. The social media icons in the top bar are too small and the colour they are in is not showing up.Can they be white?
  2. the social media icons in the footer, and the text in the footer are in a colour that does not show up. Can they be white?
  3. The links to posts in the sidbar, can they be a different colour with another colour when they are moused over?
  4. the title text that goes over the carousel posts and the blog posts, can that be in normal instead of uppercase.

thank you!

#18

Hi there,

You may change your header menu links in X > Launch > Options > Header > LINKS – TEXT. As for the footer links, please add this CSS to your global custom CSS with your preferred color.

.x-colophon.bottom .x-colophon-content p, .x-colophon a {
color: #fff !important;
}

And this CSS for the sidebar links

.x-main .widget ul li a, .x-main .widget ol li a, .x-sidebar .widget ul li a, .x-sidebar .widget ol li a {
    color: #333;
}

But if you’re referring to widgets in the footer sidebar, then you should change it within Essential Grid’s skin builder. Each layer has its own style options that you could change :slight_smile:

Then for social icons, please add this CSS as well

.x-social-global a {
    display: inline-block;
    text-align: center;
    color: #fff;
}

Then to make the uppercase text to normal, please add this as well

.h-entry-cover, .eg-washington-element-3{
text-transform: none;
}

Thanks!

#19

Fantastic! thank you so much.
I can control the essential grid items easily, I just didn’t know how to control what was being generated to show in the carousel and in the blog page.

That is ace, thank you again!

#20

sorry, I now have a problem with the customizer not saving changes. I can click on save, the loader goes round but I get no confirmation of saves. when I go to leave the page I am asked if I am sure because the changes have not been saved.

Any ideas?