• Hello forum,

    I’ve come a long way since you’ve helped me out last time, THANKS!

    So I have these two tricky questions for you.

    1) is there any way that I can make my content stick to the bottom, now that it sticks to the top?

    2) how do I make the width of the bottom menu larger and centered?

    3) is there any way that I can exclude the following code from the /blog section and make it look like the standard blog?

    Thank you in advance – I’ve opened up the site for you to review it.

    
    .home .post-inner-content {
        background: transparent;
        border: 0;
    }
    
    .home .post-inner-content {
        padding-top: 0;
    }
    
    .home .container.main-content-area,
    .home .entry-content {
        margin-top: 0;
    	margin-bottom: 0;
    }
    
    .home header.entry-header.page-header {
        margin: 0;
    }
    
    .container .post-inner-content {
    	background: transparent;
    	border: 0;
    }
    
    .container.main-content-area {
        margin-top: 0;
    	margin-bottom: 0;
    }
    
    #main > .post-inner-content {
        padding-top: 0;
    }
    
    #main > .post-inner-content > article > .entry-header.page-header {
        margin: 0;
    }
    
    #main > .post-inner-content > article > .entry-content {
        margin-top: 0;
    	margin-bottom: 0;
    }
    • This topic was modified 6 years, 9 months ago by phell.
    • This topic was modified 6 years, 9 months ago by phell.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • 1) is there any way that I can make my content stick to the bottom, now that it sticks to the top?

    I am not sure which content you want to stick to the bottom so could you please share me the screenshot of it?

    For screenshots, you can simply provide a link to an image through Google Drive, Dropbox, screencast.com, https://imgur.com/ or other image service. ??

    2) how do I make the width of the bottom menu larger and centered?

    You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

    Admin Area -> Appearance -> Customize -> Additional CSS

    #colophon nav.col-md-6 {
        width: auto;
        margin: 0 auto;
        display: table;
        float: none;
    }

    3) is there any way that I can exclude the following code from the /blog section and make it look like the standard blog?

    To achieve that please change the above shared CSS code as following.

    
    .home:not(.blog) .post-inner-content {
        background: transparent;
        border: 0;
    }
    
    .home:not(.blog) .post-inner-content {
        padding-top: 0;
    }
    
    .home:not(.blog) .container.main-content-area,
    .home:not(.blog) .entry-content {
        margin-top: 0;
    	margin-bottom: 0;
    }
    
    .home:not(.blog) header.entry-header.page-header {
        margin: 0;
    }
    
    body:not(.blog) .container .post-inner-content {
    	background: transparent;
    	border: 0;
    }
    
    body:not(.blog) .container.main-content-area {
        margin-top: 0;
    	margin-bottom: 0;
    }
    
    body:not(.blog) #main > .post-inner-content {
        padding-top: 0;
    }
    
    body:not(.blog) #main > .post-inner-content > article > .entry-header.page-header {
        margin: 0;
    }
    
    body:not(.blog) #main > .post-inner-content > article > .entry-content {
        margin-top: 0;
    	margin-bottom: 0;
    }
    
    Thread Starter phell

    (@phell)

    Hi Vinod,

    Thank you for solving A LOT of my issues with my site! I really appreciate it.
    I still need your help with the blog, however, because it doesn’t seem to respond to any of the above code?

    I’ve attached pictures below to display what I am talking about. The image is oddly scaled on the blog-page and when inside a post, the picture and sidebar is stuck to the top still.

    I will also attach picture of my issue with pages not “sticking” to the footer. The first one I have made the background white and the second it’s #f2f2f2. I hope it’s not too confusing?

    You can see the link here: https://www.moneyadvisor.dk/a-kasser/regler/

    • This reply was modified 6 years, 9 months ago by phell.

    To resolve this please use the below CSS code.

    body.single-post .container.main-content-area {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    body:not(.blog) #main > .post-inner-content {
        padding-bottom: 0;
    }
    
    

    You can change image size using custom plugin solution shared in the following topic.

    https://colorlib.com/wp/forums/topic/image-cropping-scaling-on-thumbnails-featured-images/#post-139278

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘3 questions in regard to my site’ is closed to new replies.