Post Title Display in Slider

Community Forums Forums General Discussion Post Title Display in Slider

This topic is: not resolved

This topic contains 9 replies, has 2 voices, and was last updated by  michaelapotter 1 year ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #33180

    michaelapotter
    Participant
    Post count: 17

    How can I control how the post titles display in the Genesis Responsive Slider?

    I want to remove the headline artwork (the pink banner) from the Blissful theme and shorten the height of the text box for this site: http://www.monica-suma.com/

    As always, thanks in advance!

    Cheers,
    Michaela

    #33201

    braddalton
    Participant
    Post count: 7478

    Remove the background from this code on Line 852 of your child themes style.css file.

    .home #content h2 {
        background: url("images/headline-post-pink.png") no-repeat scroll left center #FEF4F2;
        height: 34px;
        margin: 0 0 10px -30px;
        padding: 13px 0 0 80px;
    }
    

    Change to this:

    .home #content h2 {
        background: none;
        height: 34px;
        margin: 0 0 10px -30px;
        padding: 13px 0 0 80px;
    }
    

    This will remove the pink ribbon and the background color.

    Or you could leave the background color and just remove the ribbon:

    .home #content h2 {
        background: #FEF4F2;
        height: 34px;
        margin: 0 0 10px -30px;
        padding: 13px 0 0 80px;
    }
    

    To remove the ribbon and the background color for your titles sitewide, use this code:

    #content h2 {
        background: none;
        height: 34px;
        margin: 0 0 10px -30px;
        padding: 13px 0 0 80px;
    }
    

    Most of the other code is in this block which you can modify using Firebug in real time before you make the changes in your file.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #33202

    michaelapotter
    Participant
    Post count: 17

    Thanks for your feedback Brad!

    I actually don’t want to remove the banner from the post itself – I just don’t want it showing up in the Genesis Responsive Slider on the home page.

    Would I need to change the code in the Slider files?

    Cheers,
    Michaela

    #33208

    braddalton
    Participant
    Post count: 7478

    No. Use the slider class and the code above.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #34065

    michaelapotter
    Participant
    Post count: 17

    Hi Brad. Just got around to trying out this solution. It actually removes the banner and ribbon from the posts that appear on the home page, which is not what I want. I just don’t want the banner and ribbon to appear in the photos of the Genesis Responsive Slider.

    Any other ideas?

    Thanks!
    Michaela

    #34075

    braddalton
    Participant
    Post count: 7478

    Did you use the class for the slider with the code i supplied?

    Or did you simply use the code above without changing the class to target the slider?


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #34078

    braddalton
    Participant
    Post count: 7478
    .flexslider .slide-excerpt { 
    display: none; 
    }
    

    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #34103

    michaelapotter
    Participant
    Post count: 17

    Thanks Brad. Where do I add the flexslider code? In the style.css?

    #34113

    braddalton
    Participant
    Post count: 7478

    Yes.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #34133

    michaelapotter
    Participant
    Post count: 17

    OK – That removed the banner/ribbon but it also removed the post title. I still want that to appear on the responsive slider.

    Thanks!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.