Margins not working on post or product pages

  • Resolved VotingCounts

    (@votingcounts)


    8 years, 11 months ago

    Hi

    My margins are working brilliantly except for those on my post pages. As you can see here:

    https://votingcounts.org.uk/euref-the-in-out-campaigns

    On all my pages i’m able to use visual composer so that the text doesn’t touch the very edge of the page. I usually set the padding/margins (not sure which) to 5% each side.

    On the post pages the content is stretched across 100% of the width, it has only recently started to do this since an update. (The theme people are very slow in returning my emails hence me turning to this forum).

    I just want to adjust the margins on just the post page so it looks a bit more ‘readable’?

    The white gap at the bottom of the page between the body and footer can be seen most notably on the home page of my website.

    I’m also getting a little white gap at the bottom of every page?

    How can I solve these issues?

    My custom CSS currently looks like this:

    #main-content > .kopa-area > .container {
width: 100%;
}
#bottom-sidebar > .container {
  width: 100%;
  padding: 0 120px;
}
@media (max-width: 767px) {
	#bottom-sidebar > .container {
  		padding: 0 30px;
	}
}
.kopa-area {
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-right: 0px !important;
}

    Please bare in mind i’m a novice with no CSS experience. A friend did the custom CSS for me.

Viewing 3 replies - 1 through 3 (of 3 total)

  • This code is what makes it so

    #main-content > .kopa-area > .container {
width: 100%;
}

    we can put this underneath it to have side margin for single post page

    .single-post #main-content > .kopa-area > .container {
  margin: 0 5%;
  width: 90%;
}
    Thread Starter VotingCounts

    (@votingcounts)

    Thank you very very much!

    Any ideas about the white gap? It is most visible at the bottom of the home page between the body and the footer

    https://votingcounts.org.uk/

    This will get rid of white space between body and footer on home page

    .home.page #upside-page-content > div.vc_row-fluid:last-child {
  margin-bottom: 0;
}

    I’m not sure for other pages (since the theme is built with drag and drop visually thing) but you can try that same code without the .home.page part.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Margins not working on post or product pages’ is closed to new replies.

Tags