[chet-Participant]

RE: https://abilitymagazine.com

We added a fourth column to the footer menus. For some reason the widget CSS is over riding the 4th column in the footer. Columns 1,2,3 are fine. I checked the style.css, which appears to be the same css for all four columns. (?)

I added the CSS (below) to the customizer as a temp fix. Without it, the column was transparent. As you can see, the styling is still off.

.widget ul li a, .widget ol li a {
color: #272727
}
.widget ul li a:hover {
color: #0081c2
}

Any ideas for a real fix? Is there something I am missing?

Thank you!

[chet-Participant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing in! It’s because you are using specific ID to apply the styles :

footer .x-container .x-column #nav_menu-2 .menu-column-1-container ul li a, footer .x-container .x-column #nav_menu-3 .menu-column-2-container ul li a, footer .x-container .x-column #nav_menu-4 .menu-column-3-container ul li a, footer .x-container .x-column #nav_menu-5 .menu-column-4-container ul li a {
	color: #272727 !important;
}

You need to add #nav_menu-6 for the last menu to get expected result which is missing.

Cheers!

[chet-Participant]

Great, thanks!

[ChristianModerator]

You’re welcome.

[chet-Participant]

Hi We are having an issue in the same area. On mobile view, we see only the first two columns are aligning to the left. I’m not able to fix this. I used:

@media (max-width: 480px) {
footer.x-colophon.top .x-column.x-md{
width: 50%;
float: left;
}
}

Thank you very much!

[Paul RModerator]

Hi,

This is how it looks on my end.

https://www.screencast.com/t/2gUfowiT

Can you provide us an image on how you would like it to be.

Thanks

[chet-Participant]

Wow, must have been a cache issue. I guess the css worked. That’s what should be there.

Thanks for your great support!

[RahulModerator]

Glad it worked for you.

If you have anything further to ask, kindly let us know. We’d be happy to assist you with anything.

Thanks for choosing the X-theme. 🙂

[Author]

Posts