• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Issue with homepage content section pagination

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

Tagged: aspire pro, content section, homepage, pagination

  • This topic has 3 replies, 2 voices, and was last updated 2 years, 9 months ago by Wes.
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.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework