Docs

[JaChVe]

Hello

I have been trying to figure out as to why none of the custom css codes listed on all the relevant topics in this forum related to topic title seem to fail. I can only imagine it has to do with one or several of the codes I have already added to the customizer.

I am trying to have the copyright text forced to the bottom of the page even if there is not enough content but without making it a sticky. So far I only have a sticky one that will display no matter how the page is scrolled. This ensures the copyright text crashes with material such as post text and of course this is unwanted.

The other problem is I cannot get the submenu dropping from the navigation to become transparent no matter which css I put in.

These are the codes I have added so far in order to obtain the appearance wanted.

.x-colophon.bottom {
position: fixed;
width: 100%;
bottom: 0;
}

.x-colophon.bottom .x-colophon-content {
color: rgba(0,0,0,1);
}

.single .entry-featured {
display:none;
}

body {
overflow: initial;
}

.x-main.full {
background-color: rgba(255,255,255,0);
}

.x-accordion-heading .x-accordion-toggle:before{
float:right;

}

.x-accordion-heading .x-accordion-toggle:before {
color: #000000;
}

.x-accordion-heading .x-accordion-toggle.collapsed:before {
color: #000000;
}

.x-accordion .x-accordion-group .x-accordion-heading a {
color: #000 !important;
background-color: transparent !important;
}

.x-accordion-group, .x-accordion-inner {
border: 1px solid transparent;
}

.x-accordion-group,
.x-accordion-heading .x-accordion-toggle,
.x-accordion-heading .x-accordion-toggle.collapsed {
background-color: transparent;
}

.x-accordion-inner {
background-color: transparent;
}

a:focus, select:focus, input[type=”file”]:focus, input[type=”radio”]:focus, input[type=”submit”]:focus, input[type=”checkbox”]:focus {
outline: none !important;
}

Could you please have a look and verify where I might be causing the problem and how I can work around it?

Thank you.

[John Ezra]

Hi there,

Thanks for writing in! Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

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

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[JaChVe]

This reply has been marked as private.

[Christopher]

Hi there,

Please update this code :

.x-colophon.bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
}

To :

.home .x-colophon.bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
}

The submenus are transparent, please clear cache and check again.

Hope it helps.

[JaChVe]

Hello

Seems the css is specified for the home page at this moment making the footer different in other pages also not filing the page. I just added some gaps in cornerstone and adjusted px in order to align everything on each page. Hopefuly that will do the trick.

If the submenu is transparent then it seems I made a mistake and it is probably the shadow/border that I am unable to remove. I did some searches and copy pasted some of the suggested css codes in this forum but I have not been able to create what the desired effect. I simply want the submenu headlines/menus to drop down without the box. Could you please advice on this matter?

[Christopher]

Hi there,

Please add this :

.masthead-inline .x-navbar .desktop .sub-menu {
    left: auto;
    right: 0;
    box-shadow: none;
    border: none;
}

If you want fixed footer on other pages, update your code to :

.home .x-colophon.bottom,.page-id-34 .x-colophon.bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
}

Instead of 34 put your page ID.

Hope it helps.

[JaChVe]

Both codes seemed to do the trick. Thank you. Much appreciated.

[Jade]

You’re most welcome.

[Jade]

You’re most welcome.

[Author]

Posts