• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Author Pro theme – change layout to show 4 books across

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Author Pro theme – change layout to show 4 books across

This topic is: resolved

Tagged: Author Pro, change layout

  • This topic has 5 replies, 2 voices, and was last updated 5 years, 3 months ago by fiddles5.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 7, 2017 at 2:12 pm #212262
    fiddles5
    Member

    Hi -- I'm trying to figure out how to change the layout of the book library archive so that it shows 4 books in a row instead of 3. I tried changing:
    .archive.genesis-author-pro .content .entry {
    background-image: none;
    border-width: 0;
    float: left;
    margin: 0 0 40px 2.5641025641026%;
    padding: 15px;
    text-align: center;
    width: 31.623931623932%;
    }

    to

    .archive.genesis-author-pro .content .entry {
    background-image: none;
    border-width: 0;
    float: left;
    margin: 0 0 40px 2.5641025641026%;
    padding: 15px;
    text-align: center;
    width: 22.5%;
    }

    changing the width value from 31% to approx 22.5% and it made the book images smaller, which was good, but didn't add the 4th book to the layout - it still showed only 3 books in a row. What else do I need to change to show 4 book images in a row?

    thanks in advance!
    Grace

    http://4e8.84d.myftpupload.com/books/
    October 8, 2017 at 12:16 am #212270
    tarmadillo
    Participant

    I'm not really familiar with author pro or the plugin so I'm not sure if the plugin has its own css file.

    try adding

    .archive.genesis-author-pro .content .entry:nth-of-type(3n+1) {
        clear: unset !important;
        margin-left: unset !important;
    }
    
    .archive.genesis-author-pro .content .entry:nth-of-type(4n+1) {
        clear: both;
        margin-left: 0;
    }

    to style.css

    let me know if that works


    https://armadillowebdesign.com

    October 8, 2017 at 1:29 am #212271
    tarmadillo
    Participant

    actually if you can edit the css file of the plug in and change .archive.genesis-author-pro .content .entry:nth-of-type(3n+1) to .archive.genesis-author-pro .content .entry:nth-of-type(4n+1) that would work better but you would have to change it again if the plugin updates.

    if not then try

    .archive.genesis-author-pro .content .entry:nth-of-type(3n+1) {
        clear: unset !important;
        margin-left: 2.5641025641026% !important;
    }
    
    .archive.genesis-author-pro .content .entry:nth-of-type(4n+1) {
        clear: both;
    }
    
    .archive.genesis-author-pro .content .entry {
        width: 21.5% !important;
    }

    to your style.css the spacing is better and it wouldnt let me edit my old post


    https://armadillowebdesign.com

    October 8, 2017 at 6:57 am #212278
    fiddles5
    Member

    Thank you tarmadill! Adding your 3rd bit if css to the style.css worked!

    thanks again,
    Grace

    October 8, 2017 at 7:00 am #212279
    fiddles5
    Member

    oops! too fast an answer... I checked it on an iphone and it's not right.

    I'll keep looking, thanks.

    October 8, 2017 at 7:06 am #212281
    fiddles5
    Member

    I fixed it by adding this:
    .archive.genesis-author-pro .content .entry:nth-of-type(4n+1) {
    clear: unset !important;
    margin-left: 2.5641025641026% !important;
    }

    .archive.genesis-author-pro .content .entry {
    clear: both;
    }

    .archive.genesis-author-pro .content .entry {
    width: 100% !important;
    }

    to the section of style.css for screens less than 980 pixels wide. Seems to be working. Further testing needed.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble