Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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

    #559973

    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 ",

    Cheers!
    Yigit

    #560577

    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

    #560588

    Hi!

    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;
    }}

    Cheers!
    Yigit

    #561157

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

    #561921

    Hey!

    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.

    Cheers!
    Andy

    #562062

    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?

    #562925

    Hey!

    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,
    Ismael

    #563081

    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.