Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #252803
    Edwin
    Participant

    Hello Skandha,

    The home page works great. Now I need to create some separate landing pages. But the same problem is coming up again, there is a blank white space between the secondary header menu and the slider image. You can view it here http://iglobal.net/16345-2/

    I tried to insert the post number into the code such as before:

    .home #content-sidebar,.home #content #post-16345 {
    padding-top: 0 !important;
    }

    This works when the number of the home page inserted but not for this other page. Can you send CSS code that I can use by simply inserting the new page number? Then hopefully I can just update the page number to get it to work for a new page.

    Also, this code was necessary to remove the small remaining gap:

    #main {
    margin-top: -20px;
    }

    So I think this would need to be updated also to work with the other webpages.

    Thanks for your assistance,
    Edwin

    #252874
    Edwin
    Participant

    Also, I tried to implement the slider on my other website goldenbuddha.net, which has the exact same layout, inserting the new page number worked but I cannot remove the remaining gap. I inserted the same code but it does not work.

    #main {
    margin-top: -20px;
    }

    This code did not work on this website.

    Can you assist?

    #252879
    Skandha
    Keymaster

    @mmhgloba: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .page-id-16345 #content-sidebar,.page-id-16345 #content .post-16345  {
        padding-top: 0 !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #254797
    Edwin
    Participant

    Hi Skandha, this did not work, but I got some css code from the developer and it worked with mu website pages (such as the home page). However, his code does not work on wordpress post pages. Such as here: https://goldenbuddha.net/buddhist-gods-guide-buddhist-pantheon/

    It works with pages (such as the home page) but apparently not on posts. This is the working code he gave me for pages:

    div#main header.entry-header{
    margin-bottom:0px;
    }

    div#main #content-sidebar{ padding-top: 0; } body.page-id-5598 div#main #content > article{ padding: 0; margin-bottom: 0;

    I tried it on the post reference above, but it does not work. Can you help me tweak it so it will remove the white space on posts?

    Thank you for your assistance,
    Edwin

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.