Docs

[JeMYinJoy]

Hi!

I am working on MicrobesAreGood.com. I had a bunch of CSS setup for the footer (included below) which seems to have stopped working following your recent theme update. I was able to get other aspects of the site back online (header) but the footer is still defunct. The site us “under construction” right now, so I may need to give you password access if you need to see it directly.

Any tips on updating this?

WordPres 4.5.3
X Theme 4.6.1 (using child theme w/ CSS styling on styles.css)
Cornerstone 1.3.0

/*—————————————————————–Footer——————————————————————-*/
/*Resizing the footer*/
.x-colophon.top {
padding-top: 30px;
padding-bottom:30px;
}
/*Hiding the bottom colopho*/
.x-colophon.bottom {
display: none;
}
/*Removing margin between copyright and links*/
#nav_menu-2 {
margin-top:0px;
}
/*Color the background of the footer*/
footer.x-colophon.bottom {
background-color: #00699C;
}
/*Change color of current page item link*/
li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item a {
color: #DB540F;
}
/*Color the background of the footer*/
footer.x-colophon.top {
background-color: #00699C;
}
/*Change text to white for Copyright Line*/
#text-2 h4.h-widget {
color: #ffffff;
box-shadow:none;
text-shadow:none;
}
/*Display menu items in one line*/
li.menu-item.menu-item-type-post_type.menu-item-object-page{
display: inline;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page a {
display: inline;
}
/*Hide the menu title of left side footer nav*/
#nav_menu-2 h4{
display:none;
}
/*Hide the menu title of right side footer nav*/
#nav_menu-3 h4{
display:none;
}
/*Hide the little triangles before each link*/
li.menu-item.menu-item-type-post_type.menu-item-object-page a::before {
display: none;
}
/*Removes background of current link from being white to transparent*/
.widget_nav_menu .current-menu-item a {
background-color: transparent !important;
}
/*Removes background of links on hover from being white*/
.widget_nav_menu a:hover {
background-color: transparent !important;
}

/*Removing backgrounds and box shadows and borders etc from the nav items*/
#menu-foot-menu-words-only {
box-shadow: none;
border: none;
}
#menu-foot-menu-words-only a {
box-shadow: none;
}
#menu-footer-menu-icons-only {
box-shadow: none;
border: none;
}
#menu-footer-menu-icons-only a {
box-shadow: none;
border: none;
}

/*Resizing icons in lower right corner*/
#menu-footer-menu-icons-only li.menu-item.menu-item-type-post_type.menu-item-object-page a img {
height: 25px;
width: 25px;
}
/*Aligning icons in lower right to the right*/
#menu-footer-menu-icons-only {
text-align: right;
}
/*shifting the left menu items to the left*/
li.menu-item.menu-item-type-post_type.menu-item-object-page a {
padding-left: 0px;
}
/* Setting up colors of links in left menu*/
#menu-foot-menu-words-only .menu-item-object-page a {
color: #8AA1A9;
text-shadow:none;
}
/*Color for links in left menu on hover*/
#menu-foot-menu-words-only .menu-item-object-page a:hover {
color: #148FCF;
}
/*Color of current page left menu*/
#menu-foot-menu-words-only .menu-item-object-page.current-menu-item a {
color: #ffffff;
}

[Rupok]

Hi there,

Thanks for writing in! Your CSS are fine and should do the job and update shouldn’t do anything with that. Kindly provide your login credentials and point us the issue properly. That is which style is not applying to your site.

Cheers!

[JeMYinJoy]

This reply has been marked as private.

[JeMYinJoy]

Yikes – I should have mentioned that this is for MicrobeWhisperer.com **

I moved away from MicrobesAreGood.com

[Paul R]

Hi,

If I understood you correctly, you want your links and icons to be inline?

You can add this under Custom > Edit Global CSS in the Customizer.

.x-colophon.top #menu-foot-menu-words-only li a {
    font-size:14px;
    padding:5px;
}

.x-colophon.top .widget_nav_menu ul li {
    display: inline-block;
    border: 0 !important;
}

.x-colophon.top .widget_nav_menu ul li a {
    border: 0 !important;
}

.x-colophon.top .widget_nav_menu ul {
    border:0;
    box-shadow:none;
}

.x-colophon.top .widget_nav_menu.widget a:before {
    display:none;
}

Hope that helps.

[Author]

Posts