Reply To: Diplay Child Pages in Parent Pages with Portfolio Style – Shorcode?

Homepage Community Forums Adapt Theme Support Diplay Child Pages in Parent Pages with Portfolio Style – Shorcode? Reply To: Diplay Child Pages in Parent Pages with Portfolio Style – Shorcode?

#1297
Wes
Moderator

    I’d be the wrong person to ask on the php for this plugin.  However, I can recommend some changes you could make to the css to get it to align better.  Rather than set a float to the image and title, it would be better to add the float to the div that its contained in.  I see that the div class is – “listing-item” so you will need to add that to your css file, and then style it with float left and give it a width like this –

    .listing-item {
    float: left;
    margin: 20px 20px 20px 0;
    width: 250px;
    }

    The “rollover” effect that you see (which was actually meant for something different) can be adjusted on line 760 in your style.css file. You can change the padding to 0 and it won’t move around like its doing now. Also, you could get rid of the opacity if you don’t want it to fade. The css transition can also be removed if you don’t want it to “ease in”. –

    #content a:hover img {
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    opacity: .5;
    padding: 4px;
    }

    I’ve done the exact same thing for the demo menu and the issue doesn’t appear. It has to do with something in your css…..probably margin/padding or extra width that was added somewhere.