Home Forums WP Related Posts Pro how to re size photos

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #18444
    AvatarGeorge Mpoulakis
    Participant

    Hi my site shows related posts like this

    20 Side swept Indian hairstyles you won’t be able to resist


    (see end of post)
    but I would like them to appear more like this
    http://therighthairstyles.com/violet-hair/
    (see end of post)
    i.e. I would like the images to appear like vertical rectangles so that the full image shows. Is there a way to do that?

    thanks
    George

    #18446
    AvatarCharlie
    Keymaster

    Hi George,

    Add this CSS code to your site:

    /* Related posts - 3 columns */
    body .nnr-rlp-stacked-card-item {
    	width: 33.33%;
    }
    /* Related posts - make thumbnails taller */
    .nnr-rlp-stacked-card-image-container {
    	padding-top: 50%;
    }

    Let me know if you need help adding CSS code.

    #18447
    AvatarGeorge Mpoulakis
    Participant

    That is perfect thank you. And if I wanted to play around with the font-size and color how would I go about adding that in the css please?

    #18448
    AvatarGeorge Mpoulakis
    Participant

    Also if I wanted to have two images show side by side on mobile just like it does on http://therighthairstyles.com/violet-hair/ what would the way to do that?

    thanks a lot
    George

    #18471
    AvatarCharlie
    Keymaster

    You can change the text color from the settings by checking “Theme Style Override” checkbox.

    To change the font size you can use this CSS:

    .nnr-rlp-title {
    	font-size: 20px !important;
    }
    

    Change 20px to whatever size you’re aiming for, feel free to try different values.

    To make the images be side by side, this will give you two columns when viewing from mobile device:

    /* Related posts - two columns on mobile */
    @media (max-width: 414px) {
    	body .nnr-rlp-shortcode .nnr-rlp-stacked-card-item {
    		width: 50%;
    	}
    }
    #18475
    AvatarGeorge Mpoulakis
    Participant

    thanks so much! that’s super helpful

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