Footer Issues

  • Author
    Posts
  • #148580

    sanchitgogia
    Member

    Hi mate!

    Have an issue with the footer – it was OK until a few days ago but now the footer widgets are in two lines and the footer bottom where site credits are has also become thicker…didn’t touch the code but still this change, not sure why…can you help?

    The blog I need help with is greyhoundresearch.com.

    #148596

    tarasdashkevych
    Theme Author

    Hello Sanchit,

    Sure I can help!

    “…now the footer widgets are in two lines…”
    – Could you please replace the following custom CSS:

    
    @media (min-width: 992px) {
    	.footer-widgets .col-lg-4 {
    		width: 20%;
    	}
    	
    	#colophon .footer-widgets .footer-widget:nth-of-type(3n+1) {
    		clear: none;
    	}
    }
    

    with this one:

    
    @media (min-width: 992px) {
    	.footer-widget {
    		width: 20%;
    	}
    }
    

    “…the footer bottom where site credits are has also become thicker…”
    – Please use this custom CSS to change font weight of the credits section:

    
    .site-credits {
      font-weight: bold;
    }
    

    Let me know if you have any additional questions.

    Thank you,
    Taras

    #148770

    sanchitgogia
    Member

    Thanks mate this helps.

    But I want to reduce the padding both on top and bottom of the footer bottom but the current CSS isn’t helping:

    #colophon .footer-bottom {
    	padding-top: 0px;
    	padding-bottom: 0px;
    	background: #595959;
    	color: #ccc;
    }

    Can you help, please?

    #148771

    sanchitgogia
    Member

    Also, on the mobile device I notice that the masthead top bar custom text is not aligning in the centre and instead currently aligned to the left, can you help us with this as well please? Thank you!

    #148783

    tarasdashkevych
    Theme Author

    Sanchit,

    “But I want to reduce the padding both on top and bottom of the footer bottom but the current CSS isn’t helping.”
    – Please replace this custom CSS:

    
    #colophon .footer-bottom {
    	padding-top: 0px;
    	padding-bottom: 0px;
    	background: #595959;
    	color: #ccc;
    }
    

    with this one:

    
    #colophon .footer-bottom {
    	background: #595959;
    	color: #ccc;
    }
    
    .footer-bottom .container {
        padding-top: 0;
        padding-bottom: 0.4rem;
    }
    

    Let me know if you want to completely remove paddings inside the footer bottom section.

    “Also, on the mobile device I notice that the masthead top bar custom text is not aligning in the centre and instead currently aligned to the left, can you help us with this as well please?”
    -Thank you for reporting it. This is the theme issue and I am currently working on a fix. I’ll let you know when it’s fixed.

    For now, you can use this temporary custom CSS:

    
    @media (max-width: 500px){
      .top-bar .header-custom-text {
        margin: 0;
        width: 100%;
      }
    }
    

    Thank you,
    Taras

    #148840

    sanchitgogia
    Member

    Perfect on both accounts, thank you!

    #148900

    tarasdashkevych
    Theme Author

    You are very welcome Sanchit!

The topic ‘Footer Issues’ is closed to new replies.