Issue with homepage content section pagination

Homepage › Community Forums › Aspire Theme Support › Issue with homepage content section pagination

Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 28, 2020 at 7:33 am #23824
    Conceptstore
    Customer

      Hi,

      We’ve used Aspire Pro to create this website: rockingureteens.com

      To do so we have set it so the content section (journal) displays at the end of the homepage. The problem we’re having is when we click on any of the pagination links (1,2,3,4 etc), it takes you to the corresponding page eg. /page/3/ but also loads all the frontpage widgets on that page.

      Any idea how to fix so homepage widgets don’t show on paginated/archive pages when the content section on homepage is turned on?

      Any help/tips would be appreciated.
      Thanks.

      April 29, 2020 at 5:17 am #23825
      Wes
      Moderator

        Hi,

        First off, Awesome Job on the design! Looks very good.

        (The link you posted didn’t work, so I made a couple guesses until I figured out what it was – http://rockingurteens.com/ )

        For the homepage, the code is designed to show the Blog and the Widgets together if that part of the theme is activated. It’s been a few years since I created this feature in the theme and I can’t remember if there is a quick way to do what you’ve mentioned. I’m sure it exists, but it might take a while to come up with the code for something like that.

        The only quick option that I can think of is to simply hide those widgets from displaying when the site is being viewed on any of those pages (other than the Home page).

        Here is what you can add to your CSS to hide it.

        .home.paged .front-page-1,
.home.paged .front-page-2,
.home.paged .front-page-3,
.home.paged .front-page-4,
.home.paged .home-mid,
.home.paged .home-mid-wide {
    display: none;
}

        I would also experiment with adding something like this if the Blog Title shows up behind the logo/header area – 

        .front-page .site-container .site-inner {
    margin-top: 80px;
}

        Sometime in the future, the Aspire Theme will be fully upgraded to use Gutenberg for the Homepage just like my newer themes. This will be much better in every way.

        April 29, 2020 at 5:35 am #23826
        Conceptstore
        Customer

          Hi Wes,
          Thanks for the compliments, it’s appreciated.

          With regards to the problem, my thoughts were the same: hide the frontpage widgets on all other pages but I thought it would need a function to do it.

          Your CSS worked. Thanks, it solved the problem.

          As a reference, for the blog title I used:

           body.paged .site-container .site-inner .journal-title{
    margin-top: 80px;
}

          That solved the problem.

          Thanks again. It’s appreciated.

          April 29, 2020 at 5:35 pm #23827
          Wes
          Moderator

            Perfect! Let me know whenever you’re done building the site and I’ll share it on Social Media.

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