Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #559173

    Hi, I have 2 questions. The link to my site is attached under private data.

    1) How do I move the whole entry and preview image higher up? like in image below..

    move entry up
    2) Regarding related entries, how do I…
    a) expand spacing between thumbnails
    b) expand the thumbnail size
    c) place the title below thumbnail instead of only displaying upon hover
    d) display only 6 related entries

    related entries


    Hey yarac!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .single .content {
        padding-top: 10px;
    .single .related_column {
        margin-right: 15px;

    Please go to Enfold/includes and open related-posts.php file and find following

    	'columns' => 8,
    	'post_class' =>  "av_one_eighth no_margin ",

    and change it to

    	'columns' => 6,
    	'post_class' =>  "av_one_sixth no_margin ",



    It’s working except now when I switch to mobile, the alignment goes off. Is it possible to centralize and divide them equally i.e. 3 thumbnails on each row?

    Also, how do I display the entry title below the thumbnail?

    Thanks Yigit!

    alignment on mobile



    Please change the second part of the first code to following one

    @media only screen and (min-width: 580px) {
    .single .related_column {
        margin-right: 15px;



    erm nope, still looks the same on mobile..any other suggestions?



    will be quite difficult to achieve what you want, but maybe it is alright for you when there are 3 related posts on two lines:

    #top .no_margin.av_one_sixth {
    width: 26.666667%;
    margin-left: 31px;
    margin-right: 38px;
    margin-top: 5px;
    margin-bottom: 4px;

    adjust as needed.



    Not quite the look I’m looking for..How about having them all in one row? Is it easier to have them all in one row on smartphone?



    Use the the following css code in order to align the thumbnails in a single row:

    @media only screen and (max-width: 767px) {
    .responsive #top .relThumb5 {
        clear: none;

    Best regards,


    Yes that works! Thanks guys!

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

The topic ‘How to edit single post position and related entries’ is closed to new replies.