Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 21, 2022 at 7:56 pm #1362358
    Dzimnikov

    Hey team, have a quick question about a site I’m working on: https://artlifestudiosproductions.com/art-life-lounge/

    I’m trying to close down the space between “Our Base Package Includes” and the section where it says “20×20 Tent” at the left most column… and I can’t seem to do it. I tried CSS with padding and margins… nothing worked. I tried adding in a whitespace element with -px… also didn’t work. Literally seems as if there is an immovable block between those 2 elements.

    It seems like the extra spacing is coming from the 2 sections themselves, but no CSS affects them in this way. I’m completely confused as to why.

    Would appreciate your help here.

    Cheers,
    -Daniel

    • This topic was modified 2 years, 3 months ago by Dzimnikov.
    August 21, 2022 at 9:44 pm #1362363
    Mike

    Hey Dzimnikov,
    Thanks for your question, so I’m not sure how close you want them, but the .template-page.content has a padding-bottom: 50px and #packageitems .template-page.content has a padding-top: 50px
    So this css should help:

    #top.page-id-467 .template-page.content {
	padding-bottom: 0;
}
#top.page-id-467 #packageitems .template-page.content {
	padding-top: 0;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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