• 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

jodzeee

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
  • Profile
  • Topics Started
  • Replies Created
  • Engagements
  • Favorites

Forum Replies Created

Viewing 20 posts - 1 through 20 (of 195 total)
1 2 3 … 8 9 10 →
  • Author
    Posts
  • August 30, 2016 at 11:20 pm in reply to: How to Assign Custom Post Class to all posts in a Category #192402
    jodzeee
    Member

    Did you check here?

    Custom Body Class

    <?php
    //* Do NOT include the opening php tag shown above. Copy the code shown below.
    
    //* Add custom body class to the head
    add_filter( 'body_class', 'sp_body_class' );
    function sp_body_class( $classes ) {
    	
    	if ( is_category( 'sample-category' ) )
    		$classes[] = 'custom-class';
    		return $classes;
    		
    }
    August 30, 2016 at 10:52 pm in reply to: Focus Pro Theme Navigation issues #192399
    jodzeee
    Member

    The reason you can't see the items is because the text is the same color as the background. You'll need to change the text color or the background color.

    December 18, 2015 at 1:43 pm in reply to: Adding an image above featured image and content #174276
    jodzeee
    Member

    Yes, but I did it by putting the logo in the excerpt and moving it up with negative margin above and margin below. However, that doesn’t work well as mobile/responsive.

    I'm using the Genesis Featured Posts Combo plugin and found out I may be able to hook the logos in that way, but haven't had a chance to try that yet.

    December 7, 2015 at 1:47 pm in reply to: CSS or Short Code to setup Clickable Areas in Headers #173056
    jodzeee
    Member

    #title-area #title a is a separate rule. The only change to #title-area was to remove the padding and change the width.

    Change that back to this (I think that's what it was before):

    #title-area {
        text-indent: -9999px;
        float: left;
        width: 80%;
        display: block;
    }

    But then also add this as a new rule:

    #title-area #title a {
        background: pink;
        display: block;
        height: 190px;
    }
    December 7, 2015 at 1:31 pm in reply to: Agency Pro Backstretch Image Question #173053
    jodzeee
    Member

    I don't think it matters, but I had put mine at the bottom, just before genesis();

    Did you try the second method in Brad's tutorial instead?

    December 7, 2015 at 1:28 pm in reply to: CSS or Short Code to setup Clickable Areas in Headers #173052
    jodzeee
    Member

    You need to style #title-area #title a because that is the link.

    First remove the padding and change the width to 80% on #title-area.

    December 7, 2015 at 12:52 pm in reply to: Agency Pro Backstretch Image Question #173040
    jodzeee
    Member

    Hmmm ... I tested it on my development server and it works for me. Could it be a caching issue?

    December 7, 2015 at 12:44 pm in reply to: CSS or Short Code to setup Clickable Areas in Headers #173037
    jodzeee
    Member

    By default, the title area is set up to be clickable and go to the home page. There is a text-indent of -9999px that hides the text (which is currently set to your name), but the area itself is clickable and that's what we're formatting to be the right size/position. This is why I'm making the background pink, so that you can see the area you're dealing with.

    Instead of splitting the image in two, you could use a similar approach and just have text in the right header and hide that, but still have a clickable link.

    Just use Chrome Dev tools to find the right tag to format and play around with it.

    December 7, 2015 at 12:19 pm in reply to: CSS or Short Code to setup Clickable Areas in Headers #173033
    jodzeee
    Member

    Take the padding off the #title-area, change the width to 80%, and add:

    #title-area #title a {
        background: pink;
        display: block;
        height: 190px;
    }

    The title is already clickable - what you're doing with the CSS above is styling the link so that it's the size and position you want to be clickable.

    December 7, 2015 at 12:06 pm in reply to: Agency Pro Backstretch Image Question #173028
    jodzeee
    Member

    According to the tutorial, you are MOVING code, not just adding it. Did you add it to front-page.php and also delete it from functions.php?

    December 4, 2015 at 11:38 pm in reply to: Align Widget Buttons Bottom #172810
    jodzeee
    Member

    Adjust the padding-bottom and margin in the flexible widgets (lines 1351 & 1357 of your CSS)

    December 4, 2015 at 11:33 pm in reply to: CSS or Short Code to setup Clickable Areas in Headers #172808
    jodzeee
    Member

    Since your (hidden) title is already a clickable link you just need to make it cover the area you want clickable. Try adding this to your CSS. You can get rid of the pink background, it's just showing you where the area is.

    
    .header-full-width #title-area #title a {
        background: pink;
        float: left;
        display: block;
        width: 73%;
        padding: 60px;
    }

    You can use this CSS to make your (hidden) description fit in the area next to it. However, it's not clickable by nature, so you'll need to see if you can modify that.

    #title-area #description {
        background: slateblue;
        display: block;
        float: right;
        padding: 76px 0;
        margin-right: 50px;
        width: 21%;
    }

    Brad Dalton has a tutorial that might help you make it clickable. I did not try it myself.
    http://wpsites.net/web-design/add-custom-font-clickable-site-description-with-link/

    Something else you might try is to to add a "Header Right" widget, add the link to that, and style it to fit in that area.

    Hope that helps!

    December 4, 2015 at 10:46 pm in reply to: Agency Pro Backstretch Image Question #172804
    jodzeee
    Member

    Brad Dalton has a tutorial that should help you.
    http://wpsites.net/web-design/display-agency-pro-background-image-only-on-front-page/

    December 4, 2015 at 6:59 pm in reply to: Align Widget Buttons Bottom #172794
    jodzeee
    Member

    Try styling the container something like this:

     .button-container {
        position: absolute;
        bottom: 0;
        left: 0;
      }
    

    Here's an example:
    http://www.cssdesk.com/bzKyF

    December 4, 2015 at 6:40 pm in reply to: full width image cut off in presentation mode #172790
    jodzeee
    Member

    Try setting the image to width: 100%; instead of max-width: 100%;

    December 4, 2015 at 6:25 pm in reply to: Agency Pro – Back to Top ? #172789
    jodzeee
    Member

    You could put it in a widget and style it as fixed ... something like this:

    <a href="#" class="button custom-class">Back to top</a>
    
    .custom-class {
            position: fixed;
    }
    December 4, 2015 at 6:20 pm in reply to: Make links un-clickable Genesis Atmosphere Pro Theme #172788
    jodzeee
    Member

    Try using this plugin instead. It has the option to enable or disable the image link.
    https://wordpress.org/plugins/genesis-featured-page-advanced/

    December 4, 2015 at 6:15 pm in reply to: Atmosphere Pro Genesis WordPress Footer Removed #172787
    jodzeee
    Member

    Here's where you'll find the code to customize your footer. You can also use a plugin to make it easier.

    https://my.studiopress.com/snippets/footer/

    October 26, 2014 at 10:31 am in reply to: Featured image only in blog archives #129295
    jodzeee
    Member

    Oh, sorry about that misunderstanding. So you're saying you want the thumbnails to show up ONLY on the blog archive and not any other category archives?

    You might consider creating a custom template for your blog page.
    http://wpsites.net/wordpress-tips/create-custom-category-archive-page-template/

    Otherwise you could try showing/hiding using CSS
    http://wpsites.net/web-design/remove-featured-image-css-code/

    You'd have to turn the featured images on in settings, then do something like this in your CSS

    img.post-image {
        display: none;
    }
    
    .category-blog img.post-image {
        display: block;
    }
    October 24, 2014 at 11:43 pm in reply to: Featured image only in blog archives #129052
    jodzeee
    Member

    Or ... what happens if you simply enable thumbnails in the settings??

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 195 total)
1 2 3 … 8 9 10 →

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 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